<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>注册页面美化版</title>
<style>
.top{
float: left;
width: 33%;
height: 65px;
}
.amenu{
color: white;
text-decoration: none;
line-height: 50px;
}
</style>
</head>
<body>
<div>
<div class="top"><img src="img/6.png"/></div>
<div class="top"><img src="img/5.jpg"/></div>
<div class="top" style="line-height: 50px; text-align: center;">
<a href="#">登录</a>
<a href="#">注册</a>
<a href="#">购物车</a>
</div>
</div>
<div style="clear: both;"></div>
<div style="height: 50px; background-color: black; width: 100%;">
<a href="#" class="amenu"><font color="white">首页</font></a>
<a href="#" class="amenu"><font color="white">手机数码</font></a>
<a href="#" class="amenu"><font color="white">鞋靴箱包</font></a>
<a href="#" class="amenu"><font color="white">电脑办公</font></a>
<a href="#" class="amenu"><font color="white">香烟酒水</font></a>
</div>
<div style="height: 500px; background: url(./img/10.jpg);">
<div style="position: absolute;top: 140px;left: 350px;
background-color: white; width: 50%;height: 70%;
border: 5px solid gray; padding-top: 40px;">
<form action="./网站首页美化版" method="get">
<table align="center">
<tr>
<td colspan="2">
<font color="blue" size="5">会员注册</font> USER REGISTER
</td>
</tr>
<tr>
<td>用户名：</td>
<td>
<input type="text" name="username" placeholder="请输入用户名"/>
</td>
</tr>
<tr>
<td>密码：</td>
<td>
<input type="password" name="password" placeholder="请输入密码"/>
</td>
</tr>
<tr>
<td>确认密码：</td>
<td>
<input type="password" name="commit" placeholder="请确认密码"/>
</td>
</tr>
<tr>
<td>手机号码：</td>
<td>
<input type="tel" name="phone" placeholder="请输入手机号码"/>
</td>
</tr>
<tr>
<td>照片：</td>
<td>
<input type="file" name="photo" />
</td>
</tr>
<tr>
<td>性别：</td>
<td>
<input type="radio" name="sex" value="male"/>男
<input type="radio" name="sex" value="female"/>女
</td>
</tr>
<tr>
<td>爱好：</td>
<td>
<input type="checkbox" name="interest" />篮球
<input type="checkbox" name="interest" />足球
<input type="checkbox" name="interest" />网球
<input type="checkbox" name="interest" />编程
</td>
</tr>
<tr>
<td>籍贯：</td>
<td>
<select name="province">
<option>--请选择--</option>
<option>江苏</option>
<option>浙江</option>
<option>上海</option>
</select>
</td>
</tr>
<tr>
<td>出生日期：</td>
<td>
<input type="date" name="birthday" />
</td>
</tr>
<tr>
<td>备注：</td>
<td>
<textarea cols="30" rows="5"></textarea>
</td>
</tr>
<tr>
<td></td>
<td>
<input type="submit" value="提交" />
<input type="reset" value="重置" />
<input type="button" value="普通按钮" />
</td>
</tr>
</table>
</form>
</div>
</div>
<div style="text-align: center;">
<a href="#">关于我们</a>
<a href="#">联系我们</a>
<a href="#">招贤纳士</a>
<a href="#">法律声明</a>
<a href="#">友情链接</a>
<a href="#">支付方式</a>
<a href="#">配送方式</a>
<a href="#">服务声明</a>
<a href="#">广告声明</a>
<br/>
Copyright © 2005-2016 传智商城 版权所有
</div>
</body>
</html>
![]()
浙公网安备 33010602011771号