html表单的练习

来源:互联网 发布:淘宝卷和商品连在一起 编辑:程序博客网 时间:2024/05/22 14:27
一个表单的练习,
这是在网页显示中的展示。

form.html
   1   2   3   4   5   6   7   8   9  10  11  12  13  14  15  16  17  18  19  20  21  22  23  24  25  26  27  28  29  30  31  32  33  34  35  36  37  38  39  40  41  42  43  44  45  46  47  48  49  50  51  52  53  54  55  56  57  58  59  60  61  62  63  64  65  66  67  68  69  70  71  72  73  74  75  76  77  78  79  80  81  82  83  84  85  86  87  88  89  90  91  92  93  94  95  96  97  98  99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119
<!DOCTYPE html>
<!--12-->
<html>
<head>
<meta charset="utf-8">
<title>淘宝注册表</title>
</head>
<body>
<table bordercolor="#666666" border="1" cellspacing="0" width='550px' height='500px'>
<tr >
<td bgcolor="#b0e0e6" style="width:200px" align="right" >名字:</td>
<td><input type="text"
name="username" value=""/></td>
</tr>
<tr>
<td bgcolor="#b0e0e6" style="width:200px" align="right">姓氏:</td>
<td><input type="text"
name="username" value=""/></td>
</tr>
<tr>
<td bgcolor="#b0e0e6" style="width:200px" align="right">登录名:</td>
<td><input type="text"
name="username" value=""/>(可包含a-z0-9和下划线)</td>
</tr>
<tr>
<td bgcolor="#b0e0e6" style="width:200px" align="right">密码:</td>
<td><input type="password"
name="userpwd" value=""/>(至少包含6个字符)</td>
</tr>
<tr>
<td bgcolor="#b0e0e6" style="width:200px" align="right">再次输入密码:</td>
<td><input type="password"
name="userpwd" value=""/></td>
</tr>
<tr>
<td bgcolor="#b0e0e6" style="width:200px" align="right">电子邮箱:</td>
<td><input type="text"
name="email" value=""/>(必须包含@字符)</td>
</tr>
<tr>
<td bgcolor="#b0e0e6" style="width:200px" align="right">性别:</td>
<td><input type="radio"
value="男" name="sex" checked="checked"/>
<img src="2.png">
<input type="radio" value="女" name="sex" />
<img src="3.png">
</td>
</tr>
<tr>
<td bgcolor="#b0e0e6" style="width:200px" align="right">爱好:</td>
<td>
<input type="checkbox" name="ah" value="运动"/>运动
<input type="checkbox" name="ah" value="聊天"/>聊天
<input type="checkbox" name="ah" value="玩游戏"/>玩游戏
</td>
</tr>
<tr>
<td bgcolor="#b0e0e6" style="width:200px" align="right">出生日期:</td>
<td >
<input type="text" size="10px"
name="year" value="yyyy"/>
<select name="answers">
<option value="【选择月份】">【选择月份】</option>
<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>
<input type="text" size="10px"
name="day" value="dd"/>
</select>
</td>
</tr>
<tr>
<td bgcolor="#b0e0e6" style="width:200px" align="right">
<input type="reset" style="width:120px" value="重填" />
</td>
<td>
<input type="submit" style="width:310px" value="同意以下服务条款,提交注册信息"/>
</td>
</tr>
<tr>
<td colspan='2' height="80px">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="1.png">
阅读淘宝网服务协议</td>
</tr>
<tr>
<td colspan='2'>
<textarea cols="80" rows="6" >
淘宝平台:指包括淘宝网(域名为 taobao.com)、天猫(域名为tmall.com)、一淘网(域名为etao.com)、聚划算(域名为ju.tmall.com)、阿里妈妈(域名为alimama.com)、阿里旅行(域名为alitrip.com)等网站及客户端。
淘宝:淘宝平台经营者的单称或合称,包括淘宝网经营者浙江淘宝网络有限公司、天猫经营者浙江天猫网络有限公司、一淘网经营者浙江淘宝网络有限公司、聚划算经营者浙江天猫网络有限公司、阿里妈妈经营者杭州阿里科技有限公司、阿里旅行经营者浙江淘宝网络有限公司等。
淘宝平台服务:淘宝基于互联网,以包含淘宝平台网站、客户端等在内的各种形态(包括未来技术发展出现的新的服务形态)向您提供的各项服务。
淘宝平台规则:包括在所有淘宝平台规则频道内已经发布及后续发布的全部规则、解读、公告等内容以及各平台在帮派、论坛、帮助中心内发布的各类规则、实施细则、产品流程说明、公告等。
淘宝网规则:淘宝网规则频道列明的各项规则,具体详见此处。
阿里平台:指包括淘宝平台、阿里巴巴中文站(域名为1688.com)、阿里巴巴国际站(域名为alibaba.com)、天猫国际网站(域名为tmall.hk)、阿里云网站(域名为aliyun.com)、速卖通(域名为aliexpress.com)、虾米(域名为xiami.com)、云OS(域名为yunos.com)、点点虫(域名为ddchong.com)、菜鸟(域名为cainiao.com)、神马搜索(域名为sm.cn)、良心大药房网(maiyao.liangxinyao.com)等网站及客户端。
支付宝公司:指提供支付宝服务的主体支付宝(中国)网络技术有限公司。
</textarea>
</td>
</tr>
</table>
</body>
</html>

原创粉丝点击