<!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>
原文地址：https://www.cnblogs.com/liuwei-0313/p/9657087.html