Heim  >  Artikel  >  Web-Frontend  >  Beispielcode für die HTML5-Registrierungsseite_HTML5-Tutorial-Fähigkeiten

Beispielcode für die HTML5-Registrierungsseite_HTML5-Tutorial-Fähigkeiten

WBOY
WBOYOriginal
2016-05-16 15:48:192077Durchsuche

Code kopieren
Der Code lautet wie folgt:




register.html



















会员注册


























































员工编号:



密 码:






密码确认:



生 日:



性 别:




邮 箱:



手 机:



地 址:










个人网页:



起床时间:



头像:


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



允许注册

许可证
信息



注册许可信息



验证码:



<script> <br>var span = document.getElementById("span"); <br>span.innerHTML=Math.floor(Math.random()); <br></script>










复制代码
代码如下:

body {
Hintergrundbild: url("../images/bg.jpg");
Textausrichtung: Mitte;
Hintergrundwiederholung: Wiederholung-x;
Hintergrundposition: 0px 0px ;
background-size:
}
.table {
border: 1px solid #90BFFF;
Breite:810px;
}
tr {
font-family: 微软雅黑;
Schriftstärke:800;
Farbe: #448EF3;
}
input{
border: 1px solid #448EF3;
Farbe: #448EF3;
font-weight:bold;
Schriftfamilie: „微软雅黑“;
Höhe: 35px;
Linienhöhe: 30px;
Grenzradius:5px;
}
.submit {
width: 150px;
Höhe: 40px;
Cursor :hand;
Schriftgröße: 20px;
Farbe: #ffffff;
Hintergrundfarbe: #448EF3;
Rahmen: 0px;
}
.thead {
height: 40px; Hintergrund: #90BFFF;
Schriftfamilie: „微软雅黑“;
Schriftgröße: 30px;
Schriftstärke: 700;
Farbe: #ffffff;
Hintergrund: #90BFFF;
}
#3{
margin-bottom: 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;
zurück;
}
}
cbAll.checked = true;
}
function ChkOppClick(sonName){
var arrSon = document.getElementsByName(sonName);
for(i=0;iarrSon[i].click();
}
}
function changeBgColor(btn){
var btn = document.getElementById(btn);
btn.style.backgroundColor = "#90BFFF"
}
function restartBgColor(btn){
var btn = document.getElementById(btn);
btn.style.backgroundColor = "#448EF3"
}


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

上面文件的顺序是:register.html register.css checkbox..js

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

背景图片:bg.jpg

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn