效果图:

代码:

<head>         
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<form>
<table border="0" cellpadding="0" cellspacing="1" width="100%" background="aaa/0013.gif">
<tr height="60" align="left">
<td align="right">
<font><b>邮箱:&nbsp;&nbsp;&nbsp;</b></font>
</td>
<td><input type="text" />
<select>
<option>@qq.com</option>
<option>@163.com</option>
<option>@126.com</option>
</select>
</td>
</tr>
<tr height="40">
<td></td>
<td>
<font color="#666666" size="2"><b>需要通过邮箱激活账号,不支持sohu,21cn,sogou的邮箱</b></font>
</td>
</tr>
<tr height="40">
<td align="right">
<font><b>登录用户名:&nbsp;&nbsp;&nbsp;</b></font>
</td>
<td><input type="text" /></td>
</tr>
<tr height="40">
<td></td>
<td>
<font color="#666666" size="2"><b>仅在登录时使用,字符数不少于4个</b></font>
</td>
</tr>
<tr height="40">
<td align="right">
<font><b>显示名称:&nbsp;&nbsp;&nbsp;</b></font>
</td>
<td><input type="text" /></td>
</tr>
<tr height="40">
<td></td>
<td>
<font color="#666666" size="2"><b>即昵称,字符数不少于2个</b></font>
</td>
</tr>
<tr height="40">
<td align="right">
<font><b>密码:&nbsp;&nbsp;&nbsp;</b></font>
</td>
<td><input type="password" /></td>
</tr>
<tr height="40">
<td align="right">
<font><b>确认密码:&nbsp;&nbsp;&nbsp;</b></font>
</td>
<td><input type="password" /></td>
</tr>
<tr height="40">
<td></td>
<td>
<font color="#666666" size="2"><b>至少8位,必须包含字母、数字、特殊字符</b></font>
</td>
</tr>
<tr height="40">
<td align="right">
<font><b>性别:&nbsp;&nbsp;&nbsp;</b></font>
</td>
<td><select>
<option>男</option>
<option>女</option>
</select>
</td>
</tr>
<tr height="40">
<td align="right">
<font><b>喜好:&nbsp;&nbsp;&nbsp;</b></font>
</td>
<td><select>
<option>听音乐</option>
<option>打篮球</option>
<option>游泳</option>
<option>看书</option>
</select>
</td>
</tr>
<tr height="40">
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr height="40">
<td></td>
<td><input type="submit" value="注册" /></td>
</tr>
</table>
</form>
</body>
</html>

 

                                                                                                                         

posted on 2016-05-04 21:58  By_The_Way  阅读(201)  评论(0)    收藏  举报