用HTML5写的注册页面供正在学习HTML5的朋友参考
复制代码就是：
register.html function play (
document.getelementbyid (' menu _ item ' ).style.display=' '；
}
功能no play (
document.getelementbyid (' menu _ item ' ).style.display='none '；
}
function passwd (
var pass=document.getelementbyid (' password ' ).value；
vartip=document.getelementbyid (' tip '；
if(pass.Length4) {
document.getelementbyid('meter ' ).value=pass.length；
tip.innerHTML='差'；
}
else
if(pass.Length=8) {
document.getelementbyid('meter ' ).value=pass.length；
tip.innerHTML='中'；
}
else {
document.getelementbyid('meter ' ).value=pass.length；
tip.innerHTML='高'；
}
}
功能显示
varfile=document.getelementbyid (' f ' ).files[0]；
var fileReader=new FileReader (；
filereader.readasdatagtdxlb (file；
fileReader.onload=function
document.getelementbyid(img ) ).src=fileReader.result；
}
}
注册dcdwx许可证
varspan=document.getelementbyid (span )；
span.innerhtml=math.floor (math.random ) )；
复制代码就是：
body {
ack ground-image 3360 URL (' ./images/BG.jpg )；
文本对齐3360中心；
背景报告：报告- x；
背景定位： 0px 0px；
背景大小：
}
. table {
border : 1px固态# 90 bfff；
width:810px；
}
tr {
font-family:微软雅黑；
字体权重：800；
color: #448EF3；
}
输入{
border: 1px solid #448EF3；
color: #448EF3；
字体权重： bold；
font-family : '微软雅虎'；
height: 3调皮的发卡；
line-height: 30px；
border-radius:恶作剧卡发行；
}
. submit {
width: 150px；
高： 40px；
cursor :hand；
font-size: 20px；
color: #ffffff；
背景色： # 448 ef3；
border: 0px；
}
. thead {
高： 40px； 后台： # 90 bfff；
font-family : '微软雅虎'；
font-size: 30px；
字体权重： 700；
color: #ffffff；
后台： # 90 bfff；
}
#3{
玛格琳- bottom : 100 px；
}
复制代码就是：
functionchkallclick(sonname，cbAllId ) {
vararrson=document.getelementsbyname (sonname；
varc ball=document.getelementbyid (cballid )；
var tempState=cbAll.checked；
for(I=0； I
if(Arrson[I].checked！=tempState )
arrSon[i].click (；
}
}
函数chksonclick (sonname，cbAllId ) {
vararrson=document.getelementsbyname (sonname；
varc ball=document.getelementbyid (cballid )；
for(varI=0； I
if (！ arrSon[i].checked ) {
cbAll.checked=false；
返回；
}
}
cbAll.checked=true；
}
functionchkoppclick(sonname ) {
vararrson=document.getelementsbyname (sonname；
for(I=0； I
arrSon[i].click (；
}
}
功能更改器{
var BTN=document.getelementbyid (BTN；
BTN.style.background color=' # 90 bfff '
}
functionrecoverbgcolor{
var BTN=document.getelementbyid (BTN；
BTN.style.background color=' # 448 ef3 '
}
------------- -请参阅
上面的文件顺序为register.html register.CSS checkbox . js
------------- -请参阅