这是学校老师布置的一个小作业,感觉完成的还不错
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>注册页面</title>
</head>
<body>
<form action="#">
<table width="500" height="500" border="1">
<caption><h2>注册</h2></caption>
<!-- 第一行 -->
<tr>
<td>用户名:</td>
<td>
<input type="text">
</td>
</tr>
<!-- 第二行 -->
<tr>
<td>密码:</td>
<td>
<input type="password">
</td>
</tr>
<!-- 第三行 -->
<tr>
<td>手机号:</td>
<td>
<input type="text">
</td>
</tr>
<!-- 第四行 -->
<tr>
<td>邮箱:</td>
<td>
<input type="email">
</td>
</tr>
<!-- 第五行 -->
<tr>
<td>性别:</td>
<td>
<input type="radio" name="sex" id="nan"><label for="nan">男:</label>
<input type="radio" name="sex" id="niu"><label for="niu">女:</label>
</td>
</tr>
<!-- 第六行 -->
<tr>
<td>爱好:</td>
<td>
<input type="checkbox" id="篮球"><label for="篮球">篮球</label>
<input type="checkbox" id="足球"><label for="足球">足球</label>
<input type="checkbox" id="乒乓"><label for="乒乓">乒乓球</label>
<input type="checkbox" id="滑雪"><label for="滑雪">滑雪</label><br><br>
<input type="checkbox" id="游泳"><label for="游泳">游泳</label>
<input type="checkbox" id="舞蹈"><label for="舞蹈">舞蹈</label>
<input type="checkbox" id="读书"><label for="读书">读书</label>
</td>
</tr>
<!-- 第七行 -->
<tr>
<td>籍贯:</td>
<td>
<select>
<option>--请选择--</option>
<option>山东省</option>
<option>湖南省</option>
<option>海南省</option>
</select>
</td>
</tr>
<!-- 第八行 -->
<tr>
<td>个人介绍:</td>
<td>
<textarea>
</textarea>
</td>
</tr>
<!-- 第九行 -->
<tr>
<td colspan='2' style="text-align:center;">
<input type="checkbox">是否同意本公司的协议
</td>
</tr>
<!-- 第十行 -->
<tr>
<td colspan='2' style="text-align:center;">
<input type="submit" value="注册">
<input type="reset" value="重置">
</td>
</tr>
</table>
</form>
</body>
</html>
运行结果: