<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>表单注册</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!--page content -->
<script src="script.js"></script>
<form action="http://www.baidu.com" method="get">
???????????
???????????<table>
???????????????
???????????????<tr> ???????
???????????????????
???????????????????<td>用户名：</td>
???????????????????<td>
???????????????????????<!--<input type="text" name="userid" value="" placeholder="登录名"/>-->
???????????????????????<input type="text" name="user" value=""/>
???????????????????</td>
???????????????????????
???????????????</tr>
???????????????<tr>
???????????????????<td>密码：</td>
???????????????????<td>
???????????????????????<input type="password" name="pw" value="" />
???????????????????
???????????????????</td>
???????????????</tr>
???????????????
???????????????
????????????????<tr>
???????????????????<td>确认密码：</td>
???????????????????<td>
???????????????????????<input type="password" name="pw" value="" />
???????????????????
???????????????????</td>
???????????????</tr>
???????????????
???????????????????<td>性别：</td>
???????????????????<td>
???????????????????????<input type="radio" name="sex" ?id="man1" value="1" />
???????????????????????<label for="man1">男</label>
???????????????????????<input type="radio" name="sex" id="man2" value="0" />
???????????????????????<label for="man2">女</label>
???????????????????????????????????????????
???????????????????</td> ???????????????
???????????????</tr>
?????????????
??????????????<tr>
???????????????????<td>爱好：</td>
???????????????????<td>
???????????????????
???????????????????????<input id="a1" type="checkbox" name="love1" checked="checked" value="a" />
???????????????????????<label for="a1">动漫</label>
???????????????????????
???????????????????????<input id="b1" type="checkbox" name="love2" value="b" />
???????????????????????<label for="b1">追剧</label>
???????????????????????
???????????????????????<input id="c1" type="checkbox" ?name="love3" ?value="c"/>
???????????????????????<label for="c1">追书</label>
???????????????????</td> ?
???????????????</tr>
???????????????<tr>
???????????????
???????????????????<td>民族：</td>
???????????????????<td>
???????????????????????<select name="nation">
???????????????????????????<option value="1" selected>汉族</option>
???????????????????????????<option value="2">满族</option>
???????????????????????????<option value="3">苗族</option>
???????????????????????????<option value="4">回族</option>
???????????????????????????<option value="5">彝族</option>
???????????????????????????<option value="6">傣族</option>
????????????????????????</select>
???????????????????</td>
???????????????</tr>
????????????????<tr>
???????????????????<td colspan="2">
???????????????????????<input type="submit" value="注册" />
???????????????????????<input type="reset" value="重置" />
???????????????????</td>
??????????????</tr>
???????????</table>
???????????????
???????</form>
</body>
</html>
form表单注册——HTML
原文地址：https://www.cnblogs.com/liuwei-0313/p/9657087.html