HTML第十三天作业,做一个QQ注册的简单页面
2018-02-13 20:10
609 查看
运行结果:
![](https://img-blog.csdn.net/20180213201010349?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvWF94NjUyMzgwMDQ=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
代码:<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>QQ 注册</title>
</head>
<body>
<b><em>QQ注册</em></b>
<br>
<hr>
<!-- hr标签,产生一条水平线 -->
<table>
<tr>
<td> 昵称</td> <td colspan="5"><input type="text"></td>
</tr>
<tr>
<td> 密码</td><td colspan="5"><input type="password"></td>
</tr>
<tr>
<td> 确认密码</td><td colspan="5"><input type="password"></td>
</tr>
<tr>
<td> 性别</td><td>男</td><td><input type="radio" checked="checked" name="gender"></td><td>女</td><td><input name="gender" type="radio" ></td>
</tr>
<tr>
<td> 生日</td>
<td>
<select name="" id="">
<option value="1" selected="ture"> 公历</option>
<option value="1">农历</option>
</select>
<td>
<select name="" id="">
<option value="1">1990年</option>
<option value="1">1991年</option>
<option value="1">1992年</option>
<option value="1">1993年</option>
<option value="1">1994年</option>
<option value="1">1995年</option>
<option value="1">1996年</option>
<option value="1">1997年</option>
<option value="1">1998年</option>
<option value="1">1999年</option>
<option value="1">2000年</option>
</select>
</td>
<td>
<select name="" id="">
<option value="">1月</option>
<option value="">2月</option>
<option value="">3月</option>
<option value="">4月</option>
4000
;
<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>
</td>
<td>
<select name="" id="">
<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>
<option value="">13日</option>
<option value="">14日</option>
<option value="">15日</option>
<option value="">16日</option>
<option value="">17日</option>
<option value="">18日</option>
<option value="">19日</option>
<option value="">20日</option>
<option value="">21日</option>
<option value="">22日</option>
<option value="">23日</option>
<option value="">24日</option>
<option value="">25日</option>
<option value="">26日</option>
<option value="">27日</option>
<option value="">28日</option>
<option value="">29日</option>
<option value="">30日</option>
</select>
</td>
</td>
</tr>
<tr>
<td> 所在地</td>
<td colspan="5">
<select name="" id="">
<option value="1">北京</option>
<option value="1">上海</option>
<option value="1">重庆</option>
<option value="1">天津</option>
</select>
</td>
</tr>
<tr>
<td> 手机号码</td>
<td colspan="5"><input type="text"></td>
</tr>
<tr>
<td> 验证码</td>
<td colspan="5"><input type="text"></td>
</tr>
<tr>
<td>多选框</td>
<td>多选一<input type="checkbox"></td>
<td>多选二<input type="checkbox"></td>
<td>多选三<input type="checkbox"></td>
<td>多选四<input type="checkbox"></td>
<td>多选五<input type="checkbox"></td>
</tr>
</table>
</body>
</html>
代码:<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>QQ 注册</title>
</head>
<body>
<b><em>QQ注册</em></b>
<br>
<hr>
<!-- hr标签,产生一条水平线 -->
<table>
<tr>
<td> 昵称</td> <td colspan="5"><input type="text"></td>
</tr>
<tr>
<td> 密码</td><td colspan="5"><input type="password"></td>
</tr>
<tr>
<td> 确认密码</td><td colspan="5"><input type="password"></td>
</tr>
<tr>
<td> 性别</td><td>男</td><td><input type="radio" checked="checked" name="gender"></td><td>女</td><td><input name="gender" type="radio" ></td>
</tr>
<tr>
<td> 生日</td>
<td>
<select name="" id="">
<option value="1" selected="ture"> 公历</option>
<option value="1">农历</option>
</select>
<td>
<select name="" id="">
<option value="1">1990年</option>
<option value="1">1991年</option>
<option value="1">1992年</option>
<option value="1">1993年</option>
<option value="1">1994年</option>
<option value="1">1995年</option>
<option value="1">1996年</option>
<option value="1">1997年</option>
<option value="1">1998年</option>
<option value="1">1999年</option>
<option value="1">2000年</option>
</select>
</td>
<td>
<select name="" id="">
<option value="">1月</option>
<option value="">2月</option>
<option value="">3月</option>
<option value="">4月</option>
4000
;
<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>
</td>
<td>
<select name="" id="">
<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>
<option value="">13日</option>
<option value="">14日</option>
<option value="">15日</option>
<option value="">16日</option>
<option value="">17日</option>
<option value="">18日</option>
<option value="">19日</option>
<option value="">20日</option>
<option value="">21日</option>
<option value="">22日</option>
<option value="">23日</option>
<option value="">24日</option>
<option value="">25日</option>
<option value="">26日</option>
<option value="">27日</option>
<option value="">28日</option>
<option value="">29日</option>
<option value="">30日</option>
</select>
</td>
</td>
</tr>
<tr>
<td> 所在地</td>
<td colspan="5">
<select name="" id="">
<option value="1">北京</option>
<option value="1">上海</option>
<option value="1">重庆</option>
<option value="1">天津</option>
</select>
</td>
</tr>
<tr>
<td> 手机号码</td>
<td colspan="5"><input type="text"></td>
</tr>
<tr>
<td> 验证码</td>
<td colspan="5"><input type="text"></td>
</tr>
<tr>
<td>多选框</td>
<td>多选一<input type="checkbox"></td>
<td>多选二<input type="checkbox"></td>
<td>多选三<input type="checkbox"></td>
<td>多选四<input type="checkbox"></td>
<td>多选五<input type="checkbox"></td>
</tr>
</table>
</body>
</html>
相关文章推荐
- HTML&CSS基础学习笔记1.22-一个简单的注册页面
- 一个简单的注册登录页面(包括阿里大于的手机验证)html+JS+AJAX+PHP
- 使用JDBC做一个简单的登录,注册页面!
- jsp_首先利用纯HTML写一个简单的登录页面以及后台处理页面【代码】
- html jsp 页面 表格保存为word,excel的一个简单办法
- 一个基于html标签的注册页面
- 【自己的整理】node.js直接输出一个非常简单的HTML页面
- html 简单注册页面
- html实现一个完整的注册页面
- HTML简单的用户注册页面
- HTML简单的注册页面搭建
- 【html】【一个简单的网上购物页面代码】
- 用html 和css 写了一个简单的空页面
- 简单的投票页面,只有一个html页面
- 在HTML页面中实现一个简单的Tab
- PHP实现一个简单的计算器(在html页面和php文件之间传值)
- (一)在HTML页面中实现一个简单的Tab
- 一个简单的注册页面,基于JS
- 简单的Html和JavaScript:用户注册页面
- 使用HTML写一个完整的注册页面