HTML5註冊頁面範例程式碼_html5教學技巧

複製程式碼

程式碼如下:

register.html標題>
;





腳本>

function play(){
document.getElementById("menu_item").style.display = "";
}
function noplay(){
document.getElementById("menu_item").style.display = "none" ;
}
function passwd(){
var pass = document.getElementById("password").value;
var Tip = document.getElementById("tip");
if ( pass.length document.getElementById("meter").value = pass.length;
tip.innerHTML = "差";
}
else
if (pass .length document.getElementById("meter").value = pass.length;
tip.innerHTML = "中";
}
else {
document. getElementById("meter").value = pass.length;
tip.innerHTML = "高";
}
}
腳本>
頭>

會員註冊








員工編號：


;




密碼：




米>





密碼確認：


;




出生日：


>




性別：


男
女




郵箱：







手機：
td>

>




地位址：








個人網頁：







起床時間：







頭像：




function show(){
var file = document.getElementById("f").files[0];
var fileReader = new FileReader();
fileReader.readAsDataURL(file);
fileReader.onload = function( ){
document.getElementById("img").src = fileReader.result;
}
}
腳本>







驗證碼：


tr>





表>


表>
表>

身體>

複製代碼

程式碼如下：

body {
背景圖片: url("../images/bg.jpg");
文字對齊：居中；
背景重複：重複-x;
背景位置：0px 0px ;
背景大小：
}
.table {
邊框：1pxsolid #90BFFF;
寬度：810px;
}
}
}
}
}
}
}
}
}
tr {
font-family: 微軟雅黑;
字體粗細：800;
顏色：#448EF3;
}
輸入{
邊框：1px 實心#448EF3 ;
顏色：#448EF3；
字體粗細：粗體；
font-family: "微軟雅黑";
高度：35px;
行高：30px；
邊框半徑：5px;
}
.提交{
寬度：150px;
高度：40px;
遊標：手；
字體大小：20px；
顏色：ffffffff ;
背景顏色：#448EF3;
邊框：0px;
}
.thead {
高度：40px; 背景：#90BFFF;
font-family: "微軟雅黑";
字體大小：30px；

字體粗細：700;
顏色：#ffffff;
背景：#90BFFF;

}

#3{ 邊距底部🎜>邊距底部：100px； }

複製代碼代碼如下：

function ChkAllClick(sonName, cbAllId){
var arrSon = document.getElementsByName(sonName);
var cbAll = document.getElementById(cbAllId);
var tempState=cbAll.checked;
for(i=0;iif(arrSon[i].checked!=tempState)
arrSon[i].click();
}
}
function ChkSonClick(sonName, cbAllId) {
var arrSon = document.getElementsByName(sonName);
var cbAll = document.getElementById(cbAllId);
for(var i=0; iif(!arrSon[i].checked) {
cbAll.checked = false;
回傳；
}
}
cbAll.checked = true;
}
function ChkOppClick(sonName){
var arrSon = document.getElementsByName(sonName);
for(i=0;iarrSon[i].click();
}
}
函數changeBgColor(btn){
var btn = document.getElementById(btn);
btn.style.backgroundColor = "#90BFFF"
}
函數recoverBgColor(btn){
var btn = document.getElementById(btn);
btn.style.backgroundColor = "#448EF3"
}

-------------------- - --------------------------

上面檔案的順序是：register.html register.css checkbox..js

---------------------------------------------- ---------- ---------- ----

背景圖片：bg.jpg

允許註冊
;
許可證
mark>資訊

註冊許可資訊

詳情>

var span = document.getElementById("span");
span.innerHTML=Math.floor(Math.random());
腳本>