지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > H5 튜토리얼 > HTML5 등록 페이지 샘플 code_html5 튜토리얼 기술

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

WBOY
풀어 주다： 2016-05-16 15:48:19
원래의
2102명이 탐색했습니다.

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



<머리>
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

관련 라벨：
html5
원천：php.cn
이전 기사：HTML5_html5 튜토리얼 기술의 새로운 태그와 공통 태그에 대한 자세한 설명 다음 기사：HTML5 웹소켓 전이중 통신 세부 학습 example_html5 튜토리얼 기술
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
내 이미지를 페이지의 기본 디스플레이에 표시하려면 어떻게 해야 합니까? 제가 하고 싶은 것은 NASAAPI를 사용하여 사진 몇 장을 받는 것입니다. 이 사진은 내 페이지의 썸네일과 메인 디스플레이에 표시됩니다. 코드가 썸네일에서 이미...
에서 2024-04-06 15:33:12
0
1
433
PDF 파일에서 HTML5 및 Javascript를 실행할 수 있습니까? PDF에 포함되므로 어떤 컴퓨터에서도 차단되지 않는 프로그램을 만들어 보자는 어리석은 생각이 있습니다(Javascript가 PDF에서 실행될 수 있다고 들었습니다...
에서 2024-04-05 12:57:00
0
1
456
HTML5에서 enctype과 formenctype의 차이점은 무엇입니까? HTMLLivingStandard(새 HTML5 사양이라고도 함)의 enctype 속성과 formenctype 속성의 차이점이 무엇인지 궁금합니다. 나는 개발자를...
에서 2024-04-02 11:47:56
0
1
275
페이지를 모바일 친화적으로 만드시겠습니까? 나는 많은 웹 페이지와 일부 웹 사이트를 가지고 있습니다. 문제는 제가 초보자라는 것입니다. 저는 기본 html5와 css3을 사용하고 있지만 확장, 축소 및 모...
에서 2024-04-01 20:42:38
0
1
259
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿

员工编号：



密 码：






密码确认：



생일：



성 别：

男
여

邮 箱：



핸드 机：



지 址：










个人网页：



起床时间：



头이미지：


<스크립트>
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());