html模拟京东商城的新用户注册

来源:互联网 发布:淘宝美工是平面美工吗 编辑:程序博客网 时间:2024/06/05 16:56
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>京东商城的新用户注册</title>
</head>
<body>
<form id="f1">
<div class="label"><b class="s">*</b>用户名:</div>
<div class="fi">
<input type="text" name="username" class="text" tabindex="1"/>
<br/><div class="clr"></div>
</div>
<div class="label"><b class="s">*</b>设置密码:</div>
<div class="fi">
<input type="password" name="pwd" class="text" tabindex="2"/>
&nbsp;&nbsp;&nbsp;
<input type="checkbox" name="visi" id="viewpwd"/>
<label class="v">显示字符密码</label><br/>
<div class="clr"></div>
</div>
<div class="label"><b class="s">*</b>确认密码:</div>
<div class="fi">
<input type="password" name="pwd2" class="text" tabindex="3"/>
<br/><div class="clr"></div>
</div>
<div class="label"><b class="s">*</b>邮箱:</div>
<div class="fi">
<input type="text" name="mail" class="text" tabindex="4"/>
&nbsp;&nbsp;&nbsp;<label class="v">免费邮箱</label>
<a href="">搜狐</a>
<a href="">网易</a><br/>
<div class="clr"></div>
</div>
<div class="label">推荐人用户名:</div>
<div class="fi">
<input type="text" name="referrer" class="text" value="可不填" tabindex="5"/>
<br/>
<div class="clr"></div>
</div>
<input type="button" class="btn-img" id="registsubmit" value="同意以下协议,提交" tabindex="8">
</form>
</body>
</html>