一个简单的HTML登录界面

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html" charset="utf-8">
<title>淘宝</title>
</head>
<body>
<div align="center" style="margin: 100px 0px 100px 0px">
<form>
<table border="1" cellpadding="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" name="xingshi" value="" maxlength="10" size="20" /></td>
    </tr>
    
    <tr>
    <td bgcolor="#E7FBFF" align="right">登录名:</td>
    <td align="left">
    <input type="text" value="" name="denglu" maxlength="10" 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="email" size="20" maxlength="20" /><font>(必须包含@字符)</font></td>
    </tr>


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


    <tr>
    <td bgcolor="#E7FBFF" align="right">爱好:</td>
    <td>
    <input type="checkbox" value="运动" name="">运动<input type="checkbox" value="聊天" name="">聊天<input type="checkbox" name="" 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" name="" value="dd">
    日</td>
    </tr>


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


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


    <tr>
    <td colspan="2">
    <textarea cols="100px" rows="5px">
   
    a
    aa
    aaa
    aaaaa
    aaaaaa
    </textarea>
    <br>
    <br>
    </td>
    </tr>


</table>
</form>
</div>
</body>
</html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值