欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
    复制代码
 
    代码如下:
 
    getElementById(“menu_item”)。style.display=“”;}函数noplay(){document.getElementById(“menu_item”)。style.display=“none”;}
 
    函数passwd(){varpass=document.getElementById(“password”)。value;vartip=document.getElementById(“tip”);如果(pass.length<4){document.getElementById(“meter”)。value=pass.length;tip.innerHTML=“差”;}elseif(pass.length<=8){document.getElementById(“meter”)。value=pass.length;tip.innerHTML=“中”;}其他{document.getElementById(“meter”)。value=pass.length;tip.innerHTML=“高”;}}</script></head><body><divid=“3”style=“position:relative;top:100px;z-index:3;”
 
    <tablealign=“center”cellspacing=“0”class=“table”><trclass=“thead”><tdalign=“center”>会员注册</td></tr><tr><td><tableid=“registertable”border=“0px”align=“center”border=“0px”cellspacing=“0”cellpadding=“5px”><tr><tr><tdalign=“right”>员工编号:</td><tdalign=“left”><inputtype=“text”name=“username”placeholder=“用户名”required/></td></tr><tr><tdalign=“right”>密码:</td><tdalign=“left”><inputtype=“密码”name=“密码”id=“密码”占位符=“密码”onkeyup=“passwd()“/>
 
    <metermin=“1”max=“10”low=“5”high=“8”value=“0”id=“meter”></meter><spanid=“tip”></span></td></tr><tr><tdalign=“right”>密码确认:</td><tdalign=“left”><inputtype=“password”name=“password2”placeholder=“确认密码“required/></td></tr><tr><tdalign=”right“>生日:</td><tdalign=”left“><inputtype=”date“name=”borthday“/></td></tr><tr><tdalign=“right”>性别:</td><tdalign=“left”><inputtype=“radio”name=“gender”value=“0”check/>男
 
    <inputtype=“radio”name=“gender”value=“1”/>女</td></tr><tr><tdalign=“right”>邮箱:</td><tdalign=“left”><inputtype=“email”name=“email”placeholder=“邮箱”id=“email”required/></td></tr><tr><tdalign=“right”>手机:</td><tdalign=“left”><inputtype=“tel”pattern=“[0-9]{11}”id=“p”name=“phone”placeholder=“请输入11位数字“/></td></tr><tr><tdalign=“right”>地域:</td><tdalign=“left”><inputtype=“text”name=“address”placeholder=“地址”list=“l”/><datalistid=“l”><optionvalue=“sh”>上海</option>
 
    <optionvalue=“bj”>北京</option><optionvalue=“js”>江苏</option><optionvalue=“zz”>郑州</option><optionvalue=“sz”>深圳</option></datalist></td></tr><tr><tdalign=“right”>个人网页:</td><tdalign=“left”><inputtype=“url”name=“页面“placeholder=”主页网址“/></td></tr><tr><tdalign=”right“>起床时间:</td><tdalign=”left“><inputtype=”time“name=”bed“onblur=“pro()”/></td></tr><tr><tdalign=“right”>图片:</td><tdalign=“left”>
 
    <inputtype=“file”id=“f”accept=“image/jpeg”onchange=“show()”/><span><imgid=“img”src=“”width=“60”height=“60“/></span><script>函数show(){varfile=document.getElementById(”f“)。files[0];varfileReader=newFileReader();fileReader.readAsDataURL(file);fileReader.onload=function(){document.getElementById(“img”)。src=fileReader.result;}}</script></td></tr><tr><tdcolspan=“2”><详细信息><p>允许注册<mark>
 
    </tr><tr><tdalign=“right”>验证码:</td><tdvalign=“middle”><inputtype=“text”name=“captcha”size=“11”maxlength=“4“title=”输入右边的验证码“/><spanid=”span“></span><script>varspan=document.getElementById(”span“);span.innerHTML=Math.floor(Math.random());</script></td></tr><trheight=“60px”><tdalign=“center”colspan=“2”>
 
    <inputtype=“button”value=“转到登录”onclick=“window.location.replace('login.html')”id=“btn1”onmousemove=“changeBgColor('btn1')”onmouseout=“recoverBgColor('btn1')“class=”submit“/><输入类型=”submit“accesskey=”enter“value=”注册“id=”btn“onmousemove=”changeBgColor('btn')“onmouseout=”recoverBgColor('btn');“类=“提交”formmethod=“POST”/></TD></TR></TABLE></TD></TR></TABLE></FORM></DIV></BODY></html>
 
    复制代码
 
    代码如下:
 
    正文{background-image:url(“../images/bg.jpg”);文本对齐:居中;背景重复:repeat-x;背景位置:0px0px;背景尺寸:}.table{边框:1px实线#90BFFF;宽度:810px;}tr{font-family:微软雅黑;font-weight:800;颜色:#448EF3;}input{border:1pxsolid#448EF3;颜色:#448EF3;font-weight:bold;字体家族:“微软雅黑”;高度:35像素;行高:30px;border-radius:5px;}.submit{width:150px;高度:40px;光标:手;
 
    font-size:20px;颜色:#ffffff;背景颜色:#448EF3;边框:0px;}.thead{高度:40px;背景:#90BFFF;字体家族:“微软雅黑”;font-size:30px;字体粗细:700;颜色:#ffffff;背景:#90BFFF;}#3{margin-bottom:100px;}
 
    复制代码
 
    代码如下:
 
    函数ChkAllClick(sonName,cbAllId){vararrSon=document.getElementsByName(sonName);varcbAll=document.getElementById(cbAllId);vartempState=cbAll.checked;for(i=0;i<arrSon.length;i++){if(arrSon[i].checked!=tempState)arrSon[i].click();}}函数ChkSonClick(sonName,cbAllId){vararrSon=document.getElementsByName(sonName);varcbAll=document.getElementById(cbAllId);for(vari=0;i<arrSon.length;i++){if(!arrSon[i].checked){cbAll.checked=false;返回;}}cbAll.checked=TRUE;}函数ChkOppClick(sonName){
 
    vararrSon=document.getElementsByName(sonName);for(i=0;i<arrSon.length;i++){arrSon[i].click();}}函数changeBgColor(btn){varbtn=document.getElementById(btn);btn.style.backgroundColor=“#90BFFF”}函数restoreBgColor(btn){varbtn=document.getElementById(btn);btn.style.backgroundColor=“#448EF3”}

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h60607.shtml