Salin kodKod adalah seperti berikut: register.html <br></skrip> <br><script type="text/javascript"> <br>main fungsi(){ <br>document.getElementById("menu_item").style.display = ""; <br>} <br>fungsi noplay(){ <br>document.getElementById("menu_item").style.display = "none"; <br>} <br>fungsi passwd(){ <br>var pass = document.getElementById("password").value; <br>var tip = document.getElementById("tip"); <br>jika (pass.length < 4) { <br>document.getElementById("meter").value = pass.length; <br>tip.innerHTML = "差"; <br>} <br>lain <br>jika (pass.length <= 8) { <br>document.getElementById("meter").value = pass.length; <br>tip.innerHTML = "中"; <br>} <br>lain { <br>document.getElementById("meter").value = pass.length; <br>tip.innerHTML = "高"; <br>} <br>} <br></skrip> <br></head> <br><badan> <br><div id="3" style="kedudukan: relatif; atas: 100px; z-index: 3;"> <br><form id="f1" action="register.html" method="post"> <br><table align="center" cellspacing="0" class="table"> <br><tr class="kepala"> <br><td align="center"> <br>会员注册 <br></td> <br></tr> <br><tr> <br><td> <br><table id="registertable" border="0px" align="center" border="0px" cellspacing="0" cellpadding="5px"> <br><tr> <br><tr> <br><td align="right"> <br>员工编号： <br></td> <br><td align="left"> <br><input type="text" name="username" placeholder="用户名" diperlukan/> <br></td> <br></tr> <br><tr> <br><td align="right"> <br>密 码： <br></td> <br><td align="left"> <br><input type="password" name="password" id="password" placeholder="密码" diperlukan onkeyup="passwd()"/> <br><meter min="1" max="10" low="5" high="8" value="0" id="meter"> <br></meter> <br><span id="tip"></span> <br></td> <br></tr> <br><tr> <br><td align="right"> <br>密码确认： <br></td> <br><td align="left"> <br><input type="password" name="password2" placeholder="确认密码" diperlukan/> <br></td> <br></tr> <br><tr> <br><td align="right"> <br>生 日： <br></td> <br><td align="left"> <br><input type="date" name="borthday" /> <br></td> <br></tr> <br><tr> <br><td align="right"> <br>性 别： <br></td> <br><td align="left"> <br><input type="radio" name="gender" value="0" checked/>男 <br><input type="radio" name="gender" value="1"/>女 <br></td> <br></tr> <br><tr> <br><td align="right"> <br>邮 箱： <br></td> <br><td align="left"> <br><input type="email" name="email" placeholder="邮箱" id="email" diperlukan/> <br></td> <br></tr> <br><tr> <br><td align="right"> <br>手 机： <br></td> <br><td align="left"> <br><input type="tel" pattern="[0-9]{11}" id="p" name="phone" placeholder="请输入11位数字" /> <br></td> <br></tr> <br><tr> <br><td align="right"> <br>地 址： <br></td> <br><td align="left"> <br><input type="text" name="address" placeholder="地址" list="l"/> <br><datalist id="l"> <br><nilai pilihan="sh">上海</option> <br><nilai pilihan="bj">北京</option> <br><nilai pilihan="js">江苏</option> <br><nilai pilihan="zz">郑州</option> <br><nilai pilihan="sz">深圳</option> <br></datalist> <br></td> <br></tr> <br><tr> <br><td align="right"> <br>个人网页： <br></td> <br><td align="left"> <br><input type="url" name="page" placeholder="主页网址" /> <br></td> <br></tr> <br><tr> <br><td align="right"> <br>起床时间： <br></td> <br><td align="left"> <br><input type="time" name="bed" onblur="pro()"/> <br></td> <br></tr> <br><tr> <br><td align="right"> <br>头像： <br></td> <br><td align="left"> <br><input type="file" id="f" accept="image/jpeg" onchange="show()"/><span><img id="img" src="" lebar ="60" height="60" /></span> <br><skrip> <br>function show(){ <br>var file = document.getElementById("f").files[0]; <br>var fileReader = new FileReader(); <br>fileReader.readAsDataURL(fail); <br>fileReader.onload = function(){ <br>document.getElementById("img").src = fileReader.result; <br>} <br>} <br></skrip> <br></td> <br></tr> <br><tr> <br><td colspan="2"> <br><butiran> <br><p> <br>允许注册 <br><tanda> <br>许可证 <br></mark>信息 <br></p> <br><ringkasan> <br>注册许可信息 <br></summary> <br></details> <br></td> <br></tr> <br><tr> <br><td align="right"> <br>验证码： <br></td> <br><td valign="middle"> <br><input type="text" name="captcha" size="11" maxlength="4" title="输入右边的验证码" /> <br><span id="span"></span> <br><skrip> <br>var span = document.getElementById("span"); <br>span.innerHTML=Math.floor(Math.random()); <br></skrip> <br></td> <br></tr> <br><tr height="60px"> <br><td align="center" colspan="2"> <br><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"/> <br></td> <br></tr> <br></meja> <br></td> <br></tr> <br></meja> <br></form> <br></div> <br></badan> <br></html> <br> </div> <br><br><div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode34'));"><u>复制代码</u></span></div>代码如下:</div> badan imej latar belakang: url("../images/bg.jpg"); <br>text-align: tengah; <br>latar belakang-ulang: ulang-x; <br>kedudukan latar belakang: 0px 0px ; <br>saiz latar belakang： <br>} <br>.jadual { <br>sempadan: 1px pepejal #90BFFF; <br>lebar:810px; <br>} <br>tr { <br>fon-keluarga: 微软雅黑; <br>berat fon:800; <br>warna: #448EF3; <br>} <br>input{ <br>sempadan: 1px pepejal #448EF3; <br>warna: #448EF3; <br>berat fon:tebal; <br>font-family: "微软雅黑"; <br>tinggi: 35px; <br>ketinggian garisan: 30px; <br>jejari sempadan:5px; <br>} <br>.serahkan { <br>lebar: 150px; <br>tinggi: 40px; <br>kursor :tangan; <br>saiz fon: 20px; <br>warna: #ffffff; <br>warna latar belakang: #448EF3; <br>sempadan: 0px; <br>} <br>.kepala { <br>tinggi: 40px; latar belakang : #90BFFF; <br>font-family: "微软雅黑"; <br>saiz fon: 30px; <br>berat fon: 700; <br>warna: #ffffff; <br>latar belakang: #90BFFF; <br>} <br>#3{ <br>margin-bawah: 100px; <br>} <br><br><br><br><br><div class="msgheader"><div class="right">复制代码<span style="CURSOR: pointer" onclick="copycode(getid('phpcode35'));"><u></u>代码如下:</span><div class="msgborder" id="phpcode35"> <br>fungsi ChkAllClick(sonName, cbAllId){ <br>var arrSon = document.getElementsByName(sonName); <br>var cbAll = document.getElementById(cbAllId); <br>var tempState=cbAll.checked; <br>untuk(i=0;i<arrSon.length;i ) { <br>jika(arrSon[i].ditanda!=tempState) <br>arrSon[i].klik(); <br>} <br>} <br>fungsi ChkSonClick(sonName, cbAllId) { <br>var arrSon = document.getElementsByName(sonName); <br>var cbAll = document.getElementById(cbAllId); <br>untuk(var i=0; i<arrSon.length; i ) { <br>jika(!arrSon[i].ditanda) { <br>cbAll.checked = palsu; <br>kembali; <br>} <br>} <br>cbAll.checked = benar; <br>} <br>fungsi ChkOppClick(sonName){ <br>var arrSon = document.getElementsByName(sonName); <br>untuk(i=0;i<arrSon.length;i ) { <br>arrSon[i].click(); <br>} <br>} <br>fungsi changeBgColor(btn){ <br>var btn = document.getElementById(btn); <br>btn.style.backgroundColor = "#90BFFF" <br>} <br>function recoverBgColor(btn){ <br>var btn = document.getElementById(btn); <br>btn.style.backgroundColor = "#448EF3" <br>} <br> </div> <br><br>--------------------- --------------------------- <br><br>上面文件的顺序是：register.html register.css checkbox..js <br><br>---------------------------------------------- ---- <br><br>背景图片：bg.jpg <p><img alt="" src="http://files.jb51.net/file_images/article/201403/20140327154915.jpeg?2014227154946"></p> </div></div>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
