<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>用户注册</title>
<style>
#regist .fieldarea .label{
width: 100px;
text-align: right;
padding-right: 5px;
}
#regist .fieldarea .field{
width: 300px;
height: 21px;
border: 1px solid #999;
border-radius: 5px;
padding: 5px;
font-size:14px;
}
#regist .fieldarea span{
font-size:14px;
color: #d72a26;
}
#regist .address select{
width: 100px;
border: 1px solid #999;
border-radius: 5px;
padding: 5px;
font-size:14px;
}
</style>
</head>
<body>
<form id="regist" action="#" method="get">
<H2>用户注册</H2>
<div class="fieldarea">
<label>用户名：</label>
<input class="field" type="text" name="username"/>
<span></span>
</div>
<div class="fieldarea">
<label>密码：</label><input class="field" type="password" name="password"/>
<span></span>
</div>
<div class="fieldarea">
<label>确认密码：</label><input class="field" type="password" name="passwordconfirm"/>
<span></span>
</div>
<div class="fieldarea">
<label>性别：</label>
<input type="radio" name="sex" value="nan" checked="checked">男</div>
<input type="radio" name="sex" value="nv">女</div>
</div>
<div class="fieldarea">
<label>生日：</label><input class="field" type="date" name="birthday"/>
<span></span>
</div>
<div class="fieldarea address">
<label>所在地：</label>
<select name="country">
<option value="">国家</option>
</select>
<select name="province">
<option >省</option>
</select>
<select name="city">
<option>市</option>
</select>
<span></span>
</div>
<div class="fieldarea">
<label>手机号码：</label><input class="field" type="text" name="phone">
<span></span>
</div>
<div class="submit">
<button>立即注册</button>
</div>
</form>
<script src="js/home.js"></script>
</body>
</html>
