纯粹的使用html5实现账号注册页面
程序员文章站
2023-10-24 13:24:34
android开发者，初学html5，一个下午学着写个小练习，不要见笑哇~
代码：
android开发者，初学html5，一个下午学着写个小练习，不要见笑哇~
代码：
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>注册账号</title>
<style>
body{background-color:seagreen}
</style>
</head>
<body>
<h2>注册账号</h2>
<hr>
<form action="#" method="post">
<table>
<tr>
<td>昵称</td>
<td><input type="text" placeholder="请输入昵称"></td>
</tr>
<tr>
<td>密码</td>
<td><input type="password" placeholder="请输入密码"></td>
</tr>
<tr>
<td>确认密码</td>
<td><input type="password" placeholder="请重新输密码"></td>
</tr>
<tr>
<td>性别</td>
<td>
<lable><input type="radio" name="gender" checked>男</lable>
<lable><input type="radio" name="gender">女</lable>
</td>
</tr>
<tr>
<td>生日</td>
<td>
<select name="" id="">
<option value="">阴历</option>
<option value="">阳历</option>
</select>
<select>
<option value="">2001年</option>
<option value="">2002年</option>
<option value="">2003年</option>
<option value="">2004年</option>
<option value="">2005年</option>
<option value="">2006年</option>
<option value="">2007年</option>
<option value="">2008年</option>
<option value="">2009年</option>
</select>
<select>
<option value="">1月</option>
<option value="">2月</option>
<option value="">3月</option>
<option value="">4月</option>
<option value="">5月</option>
<option value="">6月</option>
<option value="">7月</option>
<option value="">8月</option>
<option value="">9月</option>
<option value="">10月</option>
<option value="">11月</option>
<option value="">12月</option>
</select>
<select>
<option value="">1日</option>
<option value="">2日</option>
<option value="">3日</option>
<option value="">4日</option>
<option value="">5日</option>
<option value="">6日</option>
<option value="">7日</option>
<option value="">8日</option>
<option value="">9日</option>
<option value="">10日</option>
</select>
</td>
</tr>
<tr>
<td>所在地</td>
<td>
<select>
<option value="">中国</option>
<option value="">巴基斯坦</option>
<option value="">柬埔寨</option>
<option value="">老挝</option>
</select>
<select>
<option value="">河南</option>
<option value="">河北</option>
<option value="">山东</option>
<option value="">安徽</option>
</select>
<select>
<option value="">驻马店</option>
<option value="">信阳</option>
<option value="">南阳</option>
<option value="">洛阳</option>
</select>
</td>
</tr>
<tr>
<td></td>
<td><input type="checkbox" checked> 同时开通qq空间</td>
</tr>
<tr>
<td></td>
<td><input type="checkbox" checked><a href="#">我已阅读并同意服务条款和隐私政策</a></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="提交注册"></td>
</tr>
</table>
</form>
</body>
</html>
效果图：
上一篇： 搞笑的个性签名
推荐阅读