实践练习_使用HTML标签制作一个注册界面03

Posted on 2019-03-11 16:48  wwoo55  阅读(435)  评论(0)    收藏  举报

使用HTML标签制作一个注册界面▲▲▲▲★
1) 注册界面需要有用户名、密码、性别（单选）、爱好（多选）、专业（下拉列表）
2) 注册界面需要有隐藏域和文件域
3) 注册界面需要有提交和重置按钮
4) 将上述网页元素排列在表格中

<!-- 使用HTML标签制作一个注册界面▲▲▲▲★
1) 注册界面需要有用户名、密码、性别（单选）、爱好（多选）、专业（下拉列表）
2) 注册界面需要有隐藏域和文件域
3) 注册界面需要有提交和重置按钮
4) 将上述网页元素排列在表格中 -->
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<form action="">
		<table border="1" background="img/2.jpg">
			<tr>
				<td>用户名</td>
				<td><input type="text" value="admin" /></td>
			</tr>
			<tr>
				<td>密码</td>
				<td><input type="password" value="123456" /></td>
			</tr>
			<tr>
				<td>性别</td>
				<td><input type="radio" name="sex" value="男" checked="checked" />男
					<input type="radio" name="sex" value="女" />女
				</td>
			</tr>
			<tr>
				<td>爱好</td>
				<td><input type="checkbox" name="hobby" value="编程" />编程
					<input type="checkbox" name="hobby" value="学习" />学习
					<input type="checkbox" name="hobby" value="阅读" />阅读
				</td>
			</tr>
			<tr>
				<td>专业</td>
				<td><select name="专业" id="">
						<option value="软件工程">软件工程</option>
						<option value="网络工程">网络工程</option>
					</select>
				</td>
			</tr>
			<tr>
				<td><input type="hidden" value="00000" /></td>
				<td><input type="file" value="文件" /></td>
			</tr>
			<tr>
				<td><input type="submit" value="提交" /></td>
				<td><input type="reset" value="重置" /></td>
			</tr>
		</table>
	</form>
</body>
</html>

　　

 

table 标签

  1. text   password 的value为默认值
  2. radio checked="checked" 为默认值  name相同表示为一个组的（只能选择一个）
  3. checkbox也相同（name相同表示为一个组可以多选）