网页大作业登录注册页面
缩略图
HTML代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>问卷调查</title>
<style>
*{padding:0px;margin:0px;}
a{text-decoration: none;}
ul li{list-style: none;}
.clear{clear: both;}
.denglu{width:800px;float:left;}
.denglu h1{text-align: left;line-height: 80px;font-size:24px;}
.hy{padding:20px;background:#D1EEEE;}
.hy p{font-size:20px;}
.wp{width:1200px;margin:30px auto;}
.box1{border:1px solid #A4D3EE}
.biaodan{padding: 20px;}
.biaodan ul li{margin:10px 0px;line-height: 32px;}
.biaodan ul li input{margin-right: 5px;line-height: 28px;float: left;}
.biaodan ul li span{display: block;float: left;width:90px;text-align: right;}
.biaodan ul li .btn{display: block;width: 140px;float: left;}
.biaodan ul li .btn input{line-height: 28px;height: 28px;width: 140px;}
.read{margin-left: 90px;margin-top:10px;}
.tj{text-align: center;margin: 30px 0px;}
.tj input{height: 28px;text-align: center;width: 140px;}
.baokuan{width:360px;float: right;}
.baokuan h2{text-align: center;line-height: 40px;font-size: 20px;}
.baokuan .item img{margin:10px 0px;width: 100%}
.baokuan .box2{padding:10px;background: #D1EEEE;border:1px solid #A4D3EE}
.baokuan .box2 p{text-align: center;line-height: 24px;}
</style>
</head>
<body>
<div class="wp">
<!--会员注册-->
<div class="denglu">
<h1>会员注册</h1>
<div class="box1">
<div class="hy">
<P>欢迎注册为 桔子旅行社股份有限公司官网 会员！</P>
</div>
<div class="biaodan">
<form>
<ul>
<li><span>用户名：</span><input type="text" placeholder="请输入用户名">必须为英文字母开头，5位以上字母、数字或下划线组成</li>
<li><span>真实姓名：</span><input type='text'>必须为纯中文或者纯英文,4位以上字符</li>
<div class="clear"></div>
<li><span>手机号：</span><input type='text'></li>
<div class="clear"></div>
<li><span>密码：</span><input type='text'></li>
<div class="clear"></div>
<li><span>确认密码：</span><input type='text'></li>
<div class="clear"></div>
<li><span>验证码：</span><input type="text"><div class="btn"><input type="button" value="获取验证码"></div></li>
<div class="clear"></div>
<div class="read">
<input type="checkbox" name="read" id="read" class="read1">我已阅读并接受《注册协议》
</div>
</ul>
<div class="tj">
<input type="submit" value="提交注册">
</div>
</form>
</div>
</div>
</div>
<!--爆款特价-->
<div class="baokuan">
<h2>爆款特价</h2>
<div class="box2">
<div class="item">
<img src="tour1.jpg">
<P><a href="">大海游！特价等您来！</a></p>
</div>
<div class="item">
<img src="tour2.jpg">
<P><a href="">“泰”完美！</a></p>
</div>
</div>
</div>
</div>
</body>
</html>
①本站所有成品淘宝购买需确认收货并好评后发货；
②所有作品如需修改需另加费用；
③所有作品没有任何人的姓名学校之类信息；
④请务必确认网页是您需要的，源码具有可复制性，所以无法退换！
⑤每份网页都可以更换内容，费用50元起，如需更换内容请联系客服!
dw网页设计 » 网页大作业登录注册页面
②所有作品如需修改需另加费用；
③所有作品没有任何人的姓名学校之类信息；
④请务必确认网页是您需要的，源码具有可复制性，所以无法退换！
⑤每份网页都可以更换内容，费用50元起，如需更换内容请联系客服!
dw网页设计 » 网页大作业登录注册页面
