点评：HTML5写的注册页面，正在学习html5的朋友可以参考下
u5xHTML5中文学习网 - HTML5先行者学习网<!DOCTYPE html>
u5xHTML5中文学习网 - HTML5先行者学习网<html>
u5xHTML5中文学习网 - HTML5先行者学习网<head>
u5xHTML5中文学习网 - HTML5先行者学习网<title>register.html</title>
u5xHTML5中文学习网 - HTML5先行者学习网<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
u5xHTML5中文学习网 - HTML5先行者学习网<meta http-equiv="description" content="this is my page">
u5xHTML5中文学习网 - HTML5先行者学习网<meta http-equiv="content-type" content="text/html; charset=UTF-8">
u5xHTML5中文学习网 - HTML5先行者学习网<LINK rel="Shortcut icon" href="favicon.ico" />
u5xHTML5中文学习网 - HTML5先行者学习网<link rel="stylesheet" type="text/css" href="css/register.css" />
u5xHTML5中文学习网 - HTML5先行者学习网<script src="js/checkbox.js" type="text/javascript">
u5xHTML5中文学习网 - HTML5先行者学习网</script>
u5xHTML5中文学习网 - HTML5先行者学习网<script type="text/javascript">
u5xHTML5中文学习网 - HTML5先行者学习网function play(){
u5xHTML5中文学习网 - HTML5先行者学习网document.getElementById("menu_item").style.display = "";
u5xHTML5中文学习网 - HTML5先行者学习网}
u5xHTML5中文学习网 - HTML5先行者学习网function noplay(){
u5xHTML5中文学习网 - HTML5先行者学习网document.getElementById("menu_item").style.display = "none";
u5xHTML5中文学习网 - HTML5先行者学习网}
u5xHTML5中文学习网 - HTML5先行者学习网function passwd(){
u5xHTML5中文学习网 - HTML5先行者学习网var pass = document.getElementById("password").value;
u5xHTML5中文学习网 - HTML5先行者学习网var tip = document.getElementById("tip");
u5xHTML5中文学习网 - HTML5先行者学习网if (pass.length < 4) {
u5xHTML5中文学习网 - HTML5先行者学习网document.getElementById("meter").value = pass.length;
u5xHTML5中文学习网 - HTML5先行者学习网tip.innerHTML = "差";
u5xHTML5中文学习网 - HTML5先行者学习网}
u5xHTML5中文学习网 - HTML5先行者学习网else
u5xHTML5中文学习网 - HTML5先行者学习网if (pass.length <= 8) {
u5xHTML5中文学习网 - HTML5先行者学习网document.getElementById("meter").value = pass.length;
u5xHTML5中文学习网 - HTML5先行者学习网tip.innerHTML = "中";
u5xHTML5中文学习网 - HTML5先行者学习网}
u5xHTML5中文学习网 - HTML5先行者学习网else {
u5xHTML5中文学习网 - HTML5先行者学习网document.getElementById("meter").value = pass.length;
u5xHTML5中文学习网 - HTML5先行者学习网tip.innerHTML = "高";
u5xHTML5中文学习网 - HTML5先行者学习网}
u5xHTML5中文学习网 - HTML5先行者学习网}
u5xHTML5中文学习网 - HTML5先行者学习网</script>
u5xHTML5中文学习网 - HTML5先行者学习网</head>
u5xHTML5中文学习网 - HTML5先行者学习网<body>
u5xHTML5中文学习网 - HTML5先行者学习网<div id="3" style="position: relative; top: 100px; z-index: 3;">
u5xHTML5中文学习网 - HTML5先行者学习网<form id="f1" action="register.html" method="post">
u5xHTML5中文学习网 - HTML5先行者学习网<table align="center" cellspacing="0" class="table">
u5xHTML5中文学习网 - HTML5先行者学习网<tr class="thead">
u5xHTML5中文学习网 - HTML5先行者学习网<td align="center">
u5xHTML5中文学习网 - HTML5先行者学习网会员注册
u5xHTML5中文学习网 - HTML5先行者学习网</td>
u5xHTML5中文学习网 - HTML5先行者学习网</tr>
u5xHTML5中文学习网 - HTML5先行者学习网<tr>
u5xHTML5中文学习网 - HTML5先行者学习网<td>
u5xHTML5中文学习网 - HTML5先行者学习网<table id="registertable" border="0px" align="center" border="0px" cellspacing="0" cellpadding="5px">
u5xHTML5中文学习网 - HTML5先行者学习网<tr>
u5xHTML5中文学习网 - HTML5先行者学习网<tr>
u5xHTML5中文学习网 - HTML5先行者学习网<td align="right">
u5xHTML5中文学习网 - HTML5先行者学习网员工编号：
u5xHTML5中文学习网 - HTML5先行者学习网</td>
u5xHTML5中文学习网 - HTML5先行者学习网<td align="left">
u5xHTML5中文学习网 - HTML5先行者学习网<input type="text" name="username" placeholder="用户名" required/>
u5xHTML5中文学习网 - HTML5先行者学习网</td>
u5xHTML5中文学习网 - HTML5先行者学习网</tr>
u5xHTML5中文学习网 - HTML5先行者学习网<tr>
u5xHTML5中文学习网 - HTML5先行者学习网<td align="right">
u5xHTML5中文学习网 - HTML5先行者学习网密 码：
u5xHTML5中文学习网 - HTML5先行者学习网</td>
u5xHTML5中文学习网 - HTML5先行者学习网<td align="left">
u5xHTML5中文学习网 - HTML5先行者学习网<input type="password" name="password" id="password" placeholder="密码" required onkeyup="passwd()"/>
u5xHTML5中文学习网 - HTML5先行者学习网<meter min="1" max="10" low="5" high="8" value="0" id="meter">
u5xHTML5中文学习网 - HTML5先行者学习网</meter>
u5xHTML5中文学习网 - HTML5先行者学习网<span id="tip"></span>
u5xHTML5中文学习网 - HTML5先行者学习网</td>
u5xHTML5中文学习网 - HTML5先行者学习网</tr>
u5xHTML5中文学习网 - HTML5先行者学习网<tr>
u5xHTML5中文学习网 - HTML5先行者学习网<td align="right">
u5xHTML5中文学习网 - HTML5先行者学习网密码确认：
u5xHTML5中文学习网 - HTML5先行者学习网</td>
u5xHTML5中文学习网 - HTML5先行者学习网<td align="left">
u5xHTML5中文学习网 - HTML5先行者学习网<input type="password" name="password2" placeholder="确认密码" required/>
u5xHTML5中文学习网 - HTML5先行者学习网</td>
u5xHTML5中文学习网 - HTML5先行者学习网</tr>
u5xHTML5中文学习网 - HTML5先行者学习网<tr>
u5xHTML5中文学习网 - HTML5先行者学习网<td align="right">
u5xHTML5中文学习网 - HTML5先行者学习网生 日：
u5xHTML5中文学习网 - HTML5先行者学习网</td>
u5xHTML5中文学习网 - HTML5先行者学习网<td align="left">
u5xHTML5中文学习网 - HTML5先行者学习网<input type="date" name="borthday" />
u5xHTML5中文学习网 - HTML5先行者学习网</td>
u5xHTML5中文学习网 - HTML5先行者学习网</tr>
u5xHTML5中文学习网 - HTML5先行者学习网<tr>
u5xHTML5中文学习网 - HTML5先行者学习网<td align="right">
u5xHTML5中文学习网 - HTML5先行者学习网性 别：
u5xHTML5中文学习网 - HTML5先行者学习网</td>
u5xHTML5中文学习网 - HTML5先行者学习网<td align="left">
u5xHTML5中文学习网 - HTML5先行者学习网<input type="radio" name="gender" value="0" checked/>男
u5xHTML5中文学习网 - HTML5先行者学习网<input type="radio" name="gender" value="1"/>女
u5xHTML5中文学习网 - HTML5先行者学习网</td>
u5xHTML5中文学习网 - HTML5先行者学习网</tr>
u5xHTML5中文学习网 - HTML5先行者学习网<tr>
u5xHTML5中文学习网 - HTML5先行者学习网<td align="right">
u5xHTML5中文学习网 - HTML5先行者学习网邮 箱：
u5xHTML5中文学习网 - HTML5先行者学习网</td>
u5xHTML5中文学习网 - HTML5先行者学习网<td align="left">
u5xHTML5中文学习网 - HTML5先行者学习网<input type="email" name="email" placeholder="邮箱" id="email" required/>
u5xHTML5中文学习网 - HTML5先行者学习网</td>
u5xHTML5中文学习网 - HTML5先行者学习网</tr>
u5xHTML5中文学习网 - HTML5先行者学习网<tr>
u5xHTML5中文学习网 - HTML5先行者学习网<td align="right">
u5xHTML5中文学习网 - HTML5先行者学习网手 机：
u5xHTML5中文学习网 - HTML5先行者学习网</td>
u5xHTML5中文学习网 - HTML5先行者学习网<td align="left">
u5xHTML5中文学习网 - HTML5先行者学习网<input type="tel" pattern="[0-9]{11}" id="p" name="phone" placeholder="请输入11位数字" />
u5xHTML5中文学习网 - HTML5先行者学习网</td>
u5xHTML5中文学习网 - HTML5先行者学习网</tr>
u5xHTML5中文学习网 - HTML5先行者学习网<tr>
u5xHTML5中文学习网 - HTML5先行者学习网<td align="right">
u5xHTML5中文学习网 - HTML5先行者学习网地 址：
u5xHTML5中文学习网 - HTML5先行者学习网</td>
u5xHTML5中文学习网 - HTML5先行者学习网<td align="left">
u5xHTML5中文学习网 - HTML5先行者学习网<input type="text" name="address" placeholder="地址" list="l"/>
u5xHTML5中文学习网 - HTML5先行者学习网<datalist id="l">
u5xHTML5中文学习网 - HTML5先行者学习网<option value="sh">上海</option>
u5xHTML5中文学习网 - HTML5先行者学习网<option value="bj">北京</option>
u5xHTML5中文学习网 - HTML5先行者学习网<option value="js">江苏</option>
u5xHTML5中文学习网 - HTML5先行者学习网<option value="zz">郑州</option>
u5xHTML5中文学习网 - HTML5先行者学习网<option value="sz">深圳</option>
u5xHTML5中文学习网 - HTML5先行者学习网</datalist>
u5xHTML5中文学习网 - HTML5先行者学习网</td>
u5xHTML5中文学习网 - HTML5先行者学习网</tr>
u5xHTML5中文学习网 - HTML5先行者学习网<tr>
u5xHTML5中文学习网 - HTML5先行者学习网<td align="right">
u5xHTML5中文学习网 - HTML5先行者学习网个人网页：
u5xHTML5中文学习网 - HTML5先行者学习网</td>
u5xHTML5中文学习网 - HTML5先行者学习网<td align="left">
u5xHTML5中文学习网 - HTML5先行者学习网<input type="url" name="page" placeholder="主页网址" />
u5xHTML5中文学习网 - HTML5先行者学习网</td>
u5xHTML5中文学习网 - HTML5先行者学习网</tr>
u5xHTML5中文学习网 - HTML5先行者学习网<tr>
u5xHTML5中文学习网 - HTML5先行者学习网<td align="right">
u5xHTML5中文学习网 - HTML5先行者学习网起床时间：
u5xHTML5中文学习网 - HTML5先行者学习网</td>
u5xHTML5中文学习网 - HTML5先行者学习网<td align="left">
u5xHTML5中文学习网 - HTML5先行者学习网<input type="time" name="bed" onblur="pro()"/>
u5xHTML5中文学习网 - HTML5先行者学习网</td>
u5xHTML5中文学习网 - HTML5先行者学习网</tr>
u5xHTML5中文学习网 - HTML5先行者学习网<tr>
u5xHTML5中文学习网 - HTML5先行者学习网<td align="right">
u5xHTML5中文学习网 - HTML5先行者学习网头像：
u5xHTML5中文学习网 - HTML5先行者学习网</td>
u5xHTML5中文学习网 - HTML5先行者学习网<td align="left">
u5xHTML5中文学习网 - HTML5先行者学习网<input type="file" id="f" accept="image/jpeg" onchange="show()"/><span><img id="img" src="" width="60" height="60" /></span>
u5xHTML5中文学习网 - HTML5先行者学习网<script>
u5xHTML5中文学习网 - HTML5先行者学习网function show(){
u5xHTML5中文学习网 - HTML5先行者学习网var file = document.getElementById("f").files[0];
u5xHTML5中文学习网 - HTML5先行者学习网var fileReader = new FileReader();
u5xHTML5中文学习网 - HTML5先行者学习网fileReader.readAsDataURL(file);
u5xHTML5中文学习网 - HTML5先行者学习网fileReader.onload = function(){
u5xHTML5中文学习网 - HTML5先行者学习网document.getElementById("img").src = fileReader.result;
u5xHTML5中文学习网 - HTML5先行者学习网}
u5xHTML5中文学习网 - HTML5先行者学习网}
u5xHTML5中文学习网 - HTML5先行者学习网</script>
u5xHTML5中文学习网 - HTML5先行者学习网</td>
u5xHTML5中文学习网 - HTML5先行者学习网</tr>
u5xHTML5中文学习网 - HTML5先行者学习网<tr>
u5xHTML5中文学习网 - HTML5先行者学习网<td colspan="2">
u5xHTML5中文学习网 - HTML5先行者学习网<details>
u5xHTML5中文学习网 - HTML5先行者学习网<p>
u5xHTML5中文学习网 - HTML5先行者学习网允许注册
u5xHTML5中文学习网 - HTML5先行者学习网<mark>
u5xHTML5中文学习网 - HTML5先行者学习网许可证
u5xHTML5中文学习网 - HTML5先行者学习网</mark>信息
u5xHTML5中文学习网 - HTML5先行者学习网</p>
u5xHTML5中文学习网 - HTML5先行者学习网<summary>
u5xHTML5中文学习网 - HTML5先行者学习网注册许可信息
u5xHTML5中文学习网 - HTML5先行者学习网</summary>
u5xHTML5中文学习网 - HTML5先行者学习网</details>
u5xHTML5中文学习网 - HTML5先行者学习网</td>
u5xHTML5中文学习网 - HTML5先行者学习网</tr>
u5xHTML5中文学习网 - HTML5先行者学习网<tr>
u5xHTML5中文学习网 - HTML5先行者学习网<td align="right">
u5xHTML5中文学习网 - HTML5先行者学习网验证码：
u5xHTML5中文学习网 - HTML5先行者学习网</td>
u5xHTML5中文学习网 - HTML5先行者学习网<td valign="middle">
u5xHTML5中文学习网 - HTML5先行者学习网<input type="text" name="captcha" size="11" maxlength="4" title="输入右边的验证码" />
u5xHTML5中文学习网 - HTML5先行者学习网<span id="span"></span>
u5xHTML5中文学习网 - HTML5先行者学习网<script>
u5xHTML5中文学习网 - HTML5先行者学习网var span = document.getElementById("span");
u5xHTML5中文学习网 - HTML5先行者学习网span.innerHTML=Math.floor(Math.random());
u5xHTML5中文学习网 - HTML5先行者学习网</script>
u5xHTML5中文学习网 - HTML5先行者学习网</td>
u5xHTML5中文学习网 - HTML5先行者学习网</tr>
u5xHTML5中文学习网 - HTML5先行者学习网<tr height="60px">
u5xHTML5中文学习网 - HTML5先行者学习网<td align="center" colspan="2">
u5xHTML5中文学习网 - HTML5先行者学习网<input type="button" value="转到登录" onclick="window.location.replace('login.html')" id="btn1" onmousemove="changeBgColor('btn1')" onmouseout="recoverBgColor('btn1')" class="submit" /> <input type="submit" accesskey="enter" value="注册" id="btn" onmousemove="changeBgColor('btn')" onmouseout="recoverBgColor('btn');" class="submit" formmethod="post"/>
u5xHTML5中文学习网 - HTML5先行者学习网</td>
u5xHTML5中文学习网 - HTML5先行者学习网</tr>
u5xHTML5中文学习网 - HTML5先行者学习网</table>
u5xHTML5中文学习网 - HTML5先行者学习网</td>
u5xHTML5中文学习网 - HTML5先行者学习网</tr>
u5xHTML5中文学习网 - HTML5先行者学习网</table>
u5xHTML5中文学习网 - HTML5先行者学习网</form>
u5xHTML5中文学习网 - HTML5先行者学习网</div>
u5xHTML5中文学习网 - HTML5先行者学习网</body>
u5xHTML5中文学习网 - HTML5先行者学习网</html>
u5xHTML5中文学习网 - HTML5先行者学习网 u5xHTML5中文学习网 - HTML5先行者学习网 u5xHTML5中文学习网 - HTML5先行者学习网
body { u5xHTML5中文学习网 - HTML5先行者学习网
background-image: url("../images/bg.jpg"); u5xHTML5中文学习网 - HTML5先行者学习网
text-align: center; u5xHTML5中文学习网 - HTML5先行者学习网
background-repeat: repeat-x; u5xHTML5中文学习网 - HTML5先行者学习网
background-position: 0px 0px ; u5xHTML5中文学习网 - HTML5先行者学习网
background-size： u5xHTML5中文学习网 - HTML5先行者学习网
} u5xHTML5中文学习网 - HTML5先行者学习网
.table { u5xHTML5中文学习网 - HTML5先行者学习网
border: 1px solid #90BFFF; u5xHTML5中文学习网 - HTML5先行者学习网
width:810px; u5xHTML5中文学习网 - HTML5先行者学习网
} u5xHTML5中文学习网 - HTML5先行者学习网
tr { u5xHTML5中文学习网 - HTML5先行者学习网
font-family: 微软雅黑; u5xHTML5中文学习网 - HTML5先行者学习网
font-weight:800; u5xHTML5中文学习网 - HTML5先行者学习网
color: #448EF3; u5xHTML5中文学习网 - HTML5先行者学习网
} u5xHTML5中文学习网 - HTML5先行者学习网
input{ u5xHTML5中文学习网 - HTML5先行者学习网
border: 1px solid #448EF3; u5xHTML5中文学习网 - HTML5先行者学习网
color: #448EF3; u5xHTML5中文学习网 - HTML5先行者学习网
font-weight:bold; u5xHTML5中文学习网 - HTML5先行者学习网
font-family: "微软雅黑"; u5xHTML5中文学习网 - HTML5先行者学习网
height: 35px; u5xHTML5中文学习网 - HTML5先行者学习网
line-height: 30px; u5xHTML5中文学习网 - HTML5先行者学习网
border-radius:5px; u5xHTML5中文学习网 - HTML5先行者学习网
} u5xHTML5中文学习网 - HTML5先行者学习网
.submit { u5xHTML5中文学习网 - HTML5先行者学习网
width: 150px; u5xHTML5中文学习网 - HTML5先行者学习网
height: 40px; u5xHTML5中文学习网 - HTML5先行者学习网
cursor :hand; u5xHTML5中文学习网 - HTML5先行者学习网
font-size: 20px; u5xHTML5中文学习网 - HTML5先行者学习网
color: #ffffff; u5xHTML5中文学习网 - HTML5先行者学习网
background-color: #448EF3; u5xHTML5中文学习网 - HTML5先行者学习网
border: 0px; u5xHTML5中文学习网 - HTML5先行者学习网
} u5xHTML5中文学习网 - HTML5先行者学习网
.thead { u5xHTML5中文学习网 - HTML5先行者学习网
height: 40px; background : #90BFFF; u5xHTML5中文学习网 - HTML5先行者学习网
font-family: "微软雅黑"; u5xHTML5中文学习网 - HTML5先行者学习网
font-size: 30px; u5xHTML5中文学习网 - HTML5先行者学习网
font-weight: 700; u5xHTML5中文学习网 - HTML5先行者学习网
color: #ffffff; u5xHTML5中文学习网 - HTML5先行者学习网
background: #90BFFF; u5xHTML5中文学习网 - HTML5先行者学习网
} u5xHTML5中文学习网 - HTML5先行者学习网
#3{ u5xHTML5中文学习网 - HTML5先行者学习网
margin-bottom: 100px; u5xHTML5中文学习网 - HTML5先行者学习网
} u5xHTML5中文学习网 - HTML5先行者学习网
u5xHTML5中文学习网 - HTML5先行者学习网 u5xHTML5中文学习网 - HTML5先行者学习网function ChkAllClick(sonName, cbAllId){
u5xHTML5中文学习网 - HTML5先行者学习网var arrSon = document.getElementsByName(sonName);
u5xHTML5中文学习网 - HTML5先行者学习网var cbAll = document.getElementById(cbAllId);
u5xHTML5中文学习网 - HTML5先行者学习网var tempState=cbAll.checked;
u5xHTML5中文学习网 - HTML5先行者学习网for(i=0;i<arrSon.length;i++) {
u5xHTML5中文学习网 - HTML5先行者学习网if(arrSon[i].checked!=tempState)
u5xHTML5中文学习网 - HTML5先行者学习网arrSon[i].click();
u5xHTML5中文学习网 - HTML5先行者学习网}
u5xHTML5中文学习网 - HTML5先行者学习网}
u5xHTML5中文学习网 - HTML5先行者学习网function ChkSonClick(sonName, cbAllId) {
u5xHTML5中文学习网 - HTML5先行者学习网var arrSon = document.getElementsByName(sonName);
u5xHTML5中文学习网 - HTML5先行者学习网var cbAll = document.getElementById(cbAllId);
u5xHTML5中文学习网 - HTML5先行者学习网for(var i=0; i<arrSon.length; i++) {
u5xHTML5中文学习网 - HTML5先行者学习网if(!arrSon[i].checked) {
u5xHTML5中文学习网 - HTML5先行者学习网cbAll.checked = false;
u5xHTML5中文学习网 - HTML5先行者学习网return;
u5xHTML5中文学习网 - HTML5先行者学习网}
u5xHTML5中文学习网 - HTML5先行者学习网}
u5xHTML5中文学习网 - HTML5先行者学习网cbAll.checked = true;
u5xHTML5中文学习网 - HTML5先行者学习网}
u5xHTML5中文学习网 - HTML5先行者学习网function ChkOppClick(sonName){
u5xHTML5中文学习网 - HTML5先行者学习网var arrSon = document.getElementsByName(sonName);
u5xHTML5中文学习网 - HTML5先行者学习网for(i=0;i<arrSon.length;i++) {
u5xHTML5中文学习网 - HTML5先行者学习网arrSon[i].click();
u5xHTML5中文学习网 - HTML5先行者学习网}
u5xHTML5中文学习网 - HTML5先行者学习网}
u5xHTML5中文学习网 - HTML5先行者学习网function changeBgColor(btn){
u5xHTML5中文学习网 - HTML5先行者学习网var btn = document.getElementById(btn);
u5xHTML5中文学习网 - HTML5先行者学习网btn.style.backgroundColor = "#90BFFF"
u5xHTML5中文学习网 - HTML5先行者学习网}
u5xHTML5中文学习网 - HTML5先行者学习网function recoverBgColor(btn){
u5xHTML5中文学习网 - HTML5先行者学习网var btn = document.getElementById(btn);
u5xHTML5中文学习网 - HTML5先行者学习网btn.style.backgroundColor = "#448EF3"
u5xHTML5中文学习网 - HTML5先行者学习网}
u5xHTML5中文学习网 - HTML5先行者学习网 u5xHTML5中文学习网 - HTML5先行者学习网u5xHTML5中文学习网 - HTML5先行者学习网------------------------------------------------
u5xHTML5中文学习网 - HTML5先行者学习网u5xHTML5中文学习网 - HTML5先行者学习网上面文件的顺序是：register.html register.css checkbox..js
u5xHTML5中文学习网 - HTML5先行者学习网u5xHTML5中文学习网 - HTML5先行者学习网-------------------------------------------------
u5xHTML5中文学习网 - HTML5先行者学习网u5xHTML5中文学习网 - HTML5先行者学习网背景图片：bg.jpg
u5xHTML5中文学习网 - HTML5先行者学习网
u5xHTML5中文学习网 - HTML5先行者学习网 
