表单

最新推荐文章于 2021-12-14 16:55:39 发布

小青龙8085

最新推荐文章于 2021-12-14 16:55:39 发布

阅读量88

点赞数

分类专栏：寒假前端

本文链接：https://blog.csdn.net/lbs311709000127/article/details/103964900

版权

寒假前端专栏收录该内容

28 篇文章 2 订阅

订阅专栏

效果图

代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="{CHARSET}">
		<title></title>
	</head>
	<body>
		<h2 align="center">注册信息</h2>
		<hr bgcolor="#336688" />
		<form action="" method="post">
		<table align="center" width="500px" bgcolor="#f2f2f2">
			<tr>
				<td align="right">姓名：</td>
				<td align="left"><input type="text" placeholder="请输入姓名" value=""/></td>
			</tr>
			<tr>
				<td align="right">邮箱：</td>
				<td align="left"><input type="text" placeholder="请输入邮箱"/></td>
			</tr>
			<tr>
				<td align="right">密码：</td>
				<td align="left"><input type="password" placeholder="请输入密码" maxlength="6"/></td>
			</tr>
			<tr>
				<td align="right">确认密码：</td>
				<td align="left"><input type="password" placeholder="请确认密码" maxlength="6"/></td>
			</tr>
			<tr>
				<td align="right">上传照片：</td>
				<td align="left"><input type="file" /></td>
			</tr>
			<tr>
				<td align="right">性别：</td>
				<td align="left">
					<label for="sex">男</label>
					<input type="radio" name="sex" value="男" id="sex"/>
					女<input type="radio" name="sex" value="女"/>
					保密<input type="radio" name="sex" value="secret" checked="checked"/>
				</td>
			</tr>
			<tr>
				<td align="right">爱好：</td>
				<td align="left">
					读书<input type="checkbox" name="hobby" value="read" />
					跳舞<input type="checkbox" name="hobby" value="say" />
					唱歌<input type="checkbox"name="hobby" value="dance" />
				</td>
			</tr>
			<tr>
				<td align="right">城市：</td>
				<td align="left">
					<select>
						<option value="bj">北京</option>
						<option value="sh">上海</option>
						<option value="tj">天津</option>
					</select>
					<select multiple>
						<option value="bj">北京</option>
						<option value="sh">上海</option>
						<option value="tj">天津</option>
						<option value="bj">北京</option>
						<option value="sh">上海</option>
						<option value="tj">天津</option>
						<option value="bj">北京</option>
						<option value="sh">上海</option>
						<option value="tj">天津</option>
					</select>
					<select size="4">
						<optgroup label="华北">
							<option value="bj" selected="selected">北京</option>
							<option value="sh">上海</option>
							<option value="tj">天津</option>
						</optgroup>
						<optgroup label="华北">
							<option value="bj" selected="selected">北京</option>
							<option value="sh">上海</option>
							<option value="tj">天津</option>
						</optgroup>
					</select>
				</td>
			</tr>
			<tr>
				<td align="right">简介：</td>
				<td align="left">
					<textarea name="" rows="5" cols="20" placeholder="请输入个人介绍">
						
					</textarea>
				</td>
			</tr>
			<tr>
				<td align="center" colspan="2">
					<input type="button" value="按钮"/>
					<input type="submit" value="提交"/>
					<input type="reset" value="重置"/>
				</td>
			</tr>
		</table>
		</form>
	</body>
</html>

小青龙8085

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
表单

效果图代码<!DOCTYPE html><html> <head> <meta charset="{CHARSET}"> <title></title> </head> <body> <h2 align="center">注册信息</h2> ...
复制链接

扫一扫