码迷,mamicode.com
首页 > 其他好文 > 详细

学习笔记之05表格嵌套2(表单)

时间:2017-10-10 14:29:53      阅读:152      评论:0      收藏:0      [点我收藏+]

标签:select   文档   center   优惠   set   text   radio   用户   head   

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="52%" height="32" bgcolor="#FF9966">&nbsp;</td>
<td width="10%" bgcolor="#FF9966">管理中心</td>
<td width="10%" bgcolor="#FF9966">搜索会员</td>
<td width="10%" bgcolor="#FF9966">修改资料</td>
<td width="10%" bgcolor="#FF9966">空间信息</td>
<td width="10%" bgcolor="#FF9966">帮助中心</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="21%" height="345"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="50">会员中心</td>
</tr>
<tr>
<td height="50">会员优惠与注册方式</td>
</tr>
<tr>
<td height="30">如何注册为一站通会员?</td>
</tr>
<tr>
<td height="30">一站通会员积分获得方式?</td>
</tr>
<tr>
<td height="30">一站通会员卡使用及保存方式?</td>
</tr>
<tr>
<td height="30">一站通通全站,方便使用!</td>
</tr>
<tr>
<td height="30">一站通会员中心各功能使用方法</td>
</tr>
<tr>
<td height="30">如何找回密码?</td>
</tr>
<tr>
<td height="30">如何查询个人信息?</td>
</tr>
<tr>
<td height="30">会员卡使用及保存?</td>
</tr>
</table></td>
<td width="79%" rowspan="2">
<table width="900" border="1" cellspacing="0" cellpadding="0" bordercolor="#999999">
<tr>
<td height="150" colspan="2" valign="bottom" ><font size="+3" color="#999999">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;会员信息注册</font></td>
</tr>
<tr>
<td width="195" height="50" align="right">登录用户名:</td>
<td width="699" align="left"><input type="text" name="yhm1">*[检查是否已被占用]</td>
</tr>
<tr>
<td height="50" align="right">登录密码:</td>
<td height="50"><input type="password" name="mm1">*&nbsp;确认密码:<input type="password" name="mm1"></td>
</tr>
<tr>
<td height="50" align="right">你的Email:</td>
<td height="50"><input type="text" name="email">*</td>
</tr>
<tr>
<td height="50" align="right">你的网上昵称:</td>
<td height="50"><input type="text" name="nc" />*&nbsp;&nbsp;性别:<input type="radio" name="xingbei" />男<input type="radio" name="xingbei" />女</td>
</tr>
<tr>
<td height="50" align="right">验证码:</td>
<td height="50"><input type="text" name="nc">*</td>
</tr>
<tr align="right">
<td colspan="2">&nbsp;</td>
</tr>
<tr>
<td height="50" align="right">你的生日:</td>
<td height="50"><input type="text" name="sr1" />年<input type="text" name="sr2" />月<input type="text" name="sr3" />日</td>
</tr>
<tr>
<td height="50" align="right">你的体型:</td>
<td height="50">
<select name="tx">
<option>匀称</option>
<option>偏胖</option>
<option>偏瘦</option>
</select>
身高:<input type="text" name="sg" />厘米
</td>
</tr>
<tr>
<td height="50" align="right">你的职业:</td>
<td height="50">:<input type="radio" name="xs" />学生<input type="radio" name="zy" />职员<input type="radio" name="bl" />白领<input type="radio" name="syz" />失业中</td>
</tr>
<tr>
<td height="50" align="right">你所在的地区:</td>
<td height="50">
<select name="dq">
<option>沿海</option>
<option>内陆</option>
<option>中西部</option>
</select>城市:
<select name="cs">
<option>一线城市</option>
<option>二线城市</option>
<option>三线城市</option>
</select>

</td>
</tr>
<tr>
<td height="50" align="right">自我介绍:</td>
<td height="50">[少于125中文字]</td>
</tr>
<tr>
<td height="80" align="right">&nbsp;</td>
<td height="80"><textarea name="wby" style="width:500px; height:100px;"></textarea></td>
</tr>
<tr>
<td height="50" align="right">个人主页:</td>
<td height="50"><input type="text" name="grzy" /></td>
</tr>
</table></td>
</tr>
<tr>
<td height="300">&nbsp;</td>
</tr>
</table>

<center><input type="submit" value="提交">&nbsp;&nbsp;&nbsp;<input type="reset" value="重置"></center>

</body>
</html>

学习笔记之05表格嵌套2(表单)

标签:select   文档   center   优惠   set   text   radio   用户   head   

原文地址:http://www.cnblogs.com/ziyanxiaozhu/p/7645168.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!