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

时间:2023-03-09 08:42:45
实践练习_使用HTML标签制作一个注册界面03

使用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>

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

table 标签

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