HTML5 登録ページのサンプル コード_html5 チュートリアルのスキル

コードをコピーします

コードは次のとおりです:

<テーブル align="center" cellpacing="0" class="table">


会员注册

允许注册

许可证
情報

注册许可情報

员工编号：
秘密コード：	メートル>
秘密コード确认：
生日：
性别：	男 女
邮箱：
手机：
地址：
个人网页：
起床時間：
画像：	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());

复制代码

代码如下:

body {
背景画像: url("../images/bg.jpg");
text-align: 中央;
背景-リピート: リピート-x;
背景位置: 0px 0px ;
背景サイズ：
}
.table {
border: 1px ソリッド #90BFFF;
幅:810px;
}
tr {
font-family: 微软雅黑;
フォントの太さ:800;
カラー: #448EF3;
}
input{
border: 1px ソリッド #448EF3;
カラー: #448EF3;
フォントの太さ:太字;
フォントファミリー: "微软雅黑";
高さ: 35px;
行の高さ: 30px;
ボーダー半径:5px;
}
.submit {
幅: 150px;
高さ: 40px;
カーソル:手;
フォントサイズ: 20px;
色: #ffffff;
背景色: #448EF3;
ボーダー: 0px;
}
.thead {
高さ: 40px;背景 : #90BFFF;
フォントファミリー: "微软雅黑";
フォントサイズ: 30px;
フォントの太さ: 700;
色: #ffffff;
背景: #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;
戻る;
}
}
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 reverseBgColor(btn){
var btn = document.getElementById(btn);
btn.style.backgroundColor = "#448EF3"
}

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

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

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

背景图片：bg.jpg

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。