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

関連ラベル：

html5

ソース：php.cn

前の記事：HTML5_html5 チュートリアル スキルの新しいタグと一般的なタグの詳細な説明 次の記事：HTML5 WebSocket 全二重通信の詳細な学習 example_html5 チュートリアル スキル

このウェブサイトの声明

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

著者別の最新記事

• NullPointerException とは何ですか?どのように修正すればよいですか?
  2024-10-22 09:46:29
• 初心者からプログラマーへ: 旅は C の基礎から始まります
  2024-10-13 13:53:41
• PHP による Web 開発のロックを解除する: 初心者ガイド
  2024-10-12 12:15:51
• C の謎を解く: 新人プログラマーのための明確でシンプルな道
  2024-10-11 22:47:31
• コーディングの可能性を解き放つ: まったくの初心者のための C プログラミング
  2024-10-11 19:36:51
• 内なるプログラマーを解き放つ: まったくの初心者のための C
  2024-10-11 15:50:41
• C で生活を自動化する: 初心者向けのスクリプトとツール
  2024-10-11 15:07:41
• PHP を簡単に: Web 開発の最初のステップ
  2024-10-11 14:21:21
• Python で何でも構築: 創造性を解き放つための初心者ガイド
  2024-10-11 12:59:11
• コーディングの鍵: 初心者のための Python の力を解き放つ
  2024-10-11 12:17:31

最新の問題

ページのメインディスプレイに画像を表示するにはどうすればよいですか? 私がやりたいのは、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 の違いは何でしょうか?私は HTML Standard...

から 2024-04-02 11:47:56

0

1

275

ページをモバイル対応にしますか? たくさんの Web ページといくつかの Web サイトがあります。問題は、私は初心者だということです。基本的な html5 と css3 を使用していますが、それらをスケールアップ...

から 2024-04-01 20:42:38

0

1

259

関連トピック

詳細>

• html5アニメーション制作の制作方法とは何ですか？
• HTMLとHTML5の違い
• formatfactory ツールの役割
• Pythonで何ができるのか
• スレッドとプロセスの違い
• Java dbf ファイルの読み取りと書き込みのメソッド
• WeChatの自動ダウンロードをオフにする方法
• Linuxでポートが開いているかどうかを確認する