您的位置：首页 > Web前端 > HTML

一个简单的html编写的登录界面

2017-08-26 10:54 423 查看

一个简单的html编写的登录界面

刚学html,编写的代码可能会有瑕疵,欢迎斧正！



<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>taobao</title>
</head>

<body>

<form>
<table border="1" cellspacing="0" bordercolor="#9DCFFF">
<tr >
<td  bgcolor="#E7FBFF"align="right">名字:</td>
<td><input type="text" name="username" value="" maxlength="20" size="20"/></td>
</tr>

<tr >
<td bgcolor="#E7FBFF" align="right">姓氏:</td>
<td><input type="text" value="" maxlength="10" name="xingshi" size="20"/></td>
</tr>

<tr>
<td  bgcolor="#E7FBFF" align="right">登录名:</td>
<td align="left"><input type="text" value="" maxlength="10" name="denglu" size="20"/><font>(可包含a-z,0-9和下划线)</font></td>

</tr>

<tr>
<td bgcolor="#E7FBFF" align="right">密码:</td>
<td><input type="password" name="userpsd" size="20" maxlength="15"/><font>(至少包含6个字符)</font></td>
</tr>

<tr>
<td bgcolor="#E7FBFF" align="right">再次输入密码:</td>
<td><input type="password" name="userpsd" size="20" maxlength="15"/></td>
</tr>

<tr>
<td bgcolor="#E7FBFF" align="right">电子邮箱</td>
<td><input type="text" name="eamil" size="20" maxlength="20"/><font>(必须包含@字符)</font></td>
</tr>

<tr>
<td bgcolor="#E7FBFF" align="right">性别:</td>
<td><input type="radio" name="sex" value="男" checked="checked"/><img src="nan.png">男<input type="radio" name="sex" value="女"><img src="nv.png">女</td>
</tr>

<tr>
<td bgcolor="#E7FBFF" align="right">爱好:</td>
<td><input type="checkbox" value="运动">运动
<input type="checkbox" value="聊天">聊天
<input type="checkbox" value="玩游戏">玩游戏
</td>
</tr>

<tr>
<td bgcolor="#E7FBFF" align="right">出生日期:</td>
<td><input type="text" name="year" size="3" maxlength="4" value="yyyy">年
<select>
<option value="">[请选择月份]</option>
<option value="1月">1月</option>
<option value="2月">2月</option>
<option value="3月">3月</option>
<option value="4月">4月</option>
<option value="5月">5月</option>
<option value="6月">6月</option>
<option value="7月">7月</option>
<option value="8月">8月</option>
<option value="9月">9月</option>
<option value="10月">10月</option>
<option value="11月">11月</option>
<option value="12月">12月</option>
</select>月<input type="text" size="3" maxlength="2" value="dd">日</td>
</tr>

<tr>
<td bgcolor="#E7FBFF" align="right"><input type="reset" value="      重填      "></td>
<td><input type="submit" value="同意以下服务条款,提交注册信息" size="30"></td>
</tr>

<tr >
<td   colspan="2">
<img src="tt.png"/><b>阅读淘宝网服务协议</b>
<br>
<br>
<br>

</td>

</tr>

<tr>
<td colspan="2">
<textarea cols="100px" rows="5px">

aaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</textarea>
<br>
<br>

</td>
</tr>

</table>

</form>
</body>
</html>


内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航