>  기사  >  웹 프론트엔드  >  HTML5 등록 페이지 샘플 code_html5 튜토리얼 기술

HTML5 등록 페이지 샘플 code_html5 튜토리얼 기술

WBOY
WBOY원래의
2016-05-16 15:48:192077검색

코드 복사
코드는 다음과 같습니다.



<머리>
register.html








<본문>








会员注册



































































复조제代码
代码如下:

몸 {
배경 이미지: url("../images/bg.jpg");
텍스트 정렬: 가운데;
백그라운드 반복: 반복-x;
배경 위치: 0px 0px ;
배경 크기:
}
.table {
테두리: 1px 솔리드 #90BFFF;
폭:810px;
}
tr {
글꼴군: 微软雅黑;
글꼴 두께:800;
색상: #448EF3;
}
입력{
테두리: 1px 솔리드 #448EF3;
색상: #448EF3;
글꼴 두께:굵게;
글꼴군: "微软雅黑";
높이: 35px;
줄 높이: 30px;
테두리 반경:5px;
}
.submit {
너비: 150px;
높이: 40px;
커서 :손;
글꼴 크기: 20px;
색상: #ffffff;
배경색: #448EF3;
테두리: 0px;
}
.thead {
높이: 40px; 배경 : #90BFFF;
글꼴군: "微软雅黑";
글꼴 크기: 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();
}
}
functionchangeBgColor(btn){
var btn = document.getElementById(btn);
btn.style.BackgroundColor = "#90BFFF"
}
function RecoverBgColor(btn){
var btn = document.getElementById(btn);
btn.style.BackgroundColor = "#448EF3"
}


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

상면문서의 顺序是:register.htmlregister.css checkbox..js

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

背景图이미지:bg.jpg

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

员工编号:



密 码:






密码确认:



생일:



성 别:




邮 箱:



핸드 机:



지 址:










个人网页:



起床时间:



头이미지:


<스크립트>
function show(){
var file = document.getElementById("f").files[0];
var fileReader = new FileReader();
fileReader.readAsDataURL(파일);
fileReader.onload = function(){
document.getElementById("img").src = fileReader.result;
}
}


<자세히>


允许注册

许可证
信息


<요약>
注册许可信息



验证码:



<스크립트>
varspan = document.getElementById("span");
span.innerHTML=Math.floor(Math.random());