Exemple de page d'inscription HTML5 : compétences du didacticiel code_html5

Copier le code

Le code est le suivant :

会员注册

员工编号：
密码：
密码确认：
生日：
性别：	男 女
邮箱：
手机：
地址：
个人网页：
起床时间：
头像：	<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>

复制代码

代码如下:

corps {
image d'arrière-plan : url("../images/bg.jpg");
text-align : centre ;
répétition d'arrière-plan : répétition-x ;
position d'arrière-plan : 0px 0px ;
background-size：
}
.table {
border: 1px solid #90BFFF;
largeur : 810 px ;
}
tr {
font-family: 微软雅黑;
poids de la police : 800 ;
couleur : #448EF3 ;
}
entrée{
bordure : 1px solide #448EF3 ;
couleur : #448EF3 ;
font-weight: gras;
famille de polices : "微软雅黑" ;
hauteur : 35px ;
hauteur de ligne : 30 px ;
border-radius:5px;
}
.submit {
largeur : 150 px ;
hauteur : 40px ;
curseur :hand;
taille de police : 20 px ;
couleur : #ffffff ;
couleur de fond : #448EF3 ;
bordure : 0px ;
}
.thead {
hauteur : 40px ; fond : #90BFFF;
famille de polices : "微软雅黑" ;
taille de police : 30 px ;
poids de la police : 700 ;
couleur : #ffffff ;
fond : #90BFFF ;
}
#3{
marge inférieure : 100 px ;
}

复制代码

代码如下 :

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;
retour ;
}
}
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 récupérerBgColor(btn){
var btn = document.getElementById(btn);
btn.style.backgroundColor = "#448EF3"
}

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

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

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

背景图片：bg.jpg