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