HTML 描画ユーザー登録ページ

HTML 描画ユーザー登録ページ

この記事では、HTML描画ユーザー登録ページの具体的な実装コードを参考までに共有します。具体的な内容は次のとおりです。

XML/HTML コードコンテンツをクリップボードにコピー
  1. <html>​​   
  2.     <ヘッド>   
  3.       <スクリプト>   
  4. 関数 aa()
  5. {
  6. var s;
  7.             s = reg .user .value;
  8. alert("ユーザー名は "+s です);
  9. }
  10. 関数aa2(t)
  11. {
  12. 変数 p1,p2;
  13. 警告(t);
  14.              p1 = reg .pass1.value;
  15.              p2 = reg .pass2.value;
  16. p1!=p2の場合
  17. alert("2つのパスワードが一致しません");
  18.   
  19. }
  20.   
  21.       </スクリプト>   
  22.     </ヘッド>   
  23.     <本文>   
  24.       < h1   align = " center " >登録</h1>   
  25.       <表  align = "中央"  境界線= "2"  幅= "400"   bgcolor = "ピンク" >   
  26.        <フォーム 名前= "reg" >   
  27.          < tr > < td >ユーザー名</ td > < td > <入力 タイプ= "テキスト"  名前= "ユーザー" > </ td > </ tr >   
  28.          < tr > < td >パスワード</ td > < td > <入力 タイプ= "パスワード"  名前= "pass1" > </ td > </ tr >   
  29.          < tr > < td >パスワードの確認</ td > < td > <入力 タイプ= "パスワード"  名前= "pass2"    onblur = "aa2(これ)" > </ td > </ tr >   
  30.           < tr > < td >性別</ td > < td > < input  タイプ= "ラジオ"  名前= "性別"  値= "1" >男性<入力 タイプ= "ラジオ"  名前= "性別"  値= " 2 "チェック済み>女性</td> </tr>   
  31.            < tr > < td >趣味</ td > < td > < input  タイプ= "チェックボックス"  名前= "hb1"  値= "ft" >サッカー<入力 タイプ= "チェックボックス"  名前= "hb2"  値= "ms" >音楽<入力    
  32.   
  33. タイプ= "チェックボックス"  名前= "hb3"  値= "tor"   / >旅行</td> </tr>   
  34.            < tr > < td   colspan = "2" > <入力 タイプ= "ファイル"  名前= "f1"   </ td > < / tr >   
  35.   
  36.            < tr > < td >大学</ td > < td >   
  37.                            <選択 名前= "s" >   
  38.                              <オプション 値= "1"を選択>情報学部</オプション>   
  39.                             <オプション  value = "2" >経営学部</ option >   
  40.                              <オプション  value = "3" >機械電気工学部</ option >   
  41.                            </選択>      
  42.   
  43.       < tr > < td  列範囲= "2"   align = "center" > <入力 タイプ= "ボタン"  値= "送信"   クリック時= "aa()"   />   <入力 タイプ= "リセット"  値= "リセット"   </ td > < / tr >   
  44.   
  45.        </フォーム>   
  46.   
  47.     </本文>   
  48. </html>​​   
以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。

<<:  MySQL データ分析ストレージエンジンの例の説明

>>:  ES6 Promiseの使い方の詳細な説明

推薦する

メタ宣言注釈の手順

メタ宣言注釈の手順: 1. モバイル ページと 1 対 1 で対応するすべての PC ページを分類し...

nginx がどのようにして高いパフォーマンスとスケーラビリティを実現するのかを深く理解する

NGINX の全体的なアーキテクチャは、連携して動作する一連のプロセスによって特徴付けられます。メイ...

html オプション 無効 選択 選択 無効 オプションの例

コードをコピーコードは次のとおりです。 <選択> <オプション値="&q...

Dapr を使用してマイクロサービスをゼロから簡素化する例

目次序文1. Dockerをインストールする2. Dapr CLIをインストールする3. Net6 ...

JavaScript スネーク実装コード

この記事の例では、参考までに貪欲なスネークを実装するためのJavaScriptの具体的なコードを共有...

CentOS8.0ネットワーク設定の実装

1. CentOS 7 と CentOS 8 のネットワーク構成の違い: VMware Workst...

docker で PostgreSQL データベースをインストールして永続化する方法

Dockerのインストール手順をスキップする1. postgresqlイメージを取得する docke...

2 つのテーブル コピー ステートメントの詳細な説明: SELECT INTO と INSERT INTO SELECT (SQL データベースと Oracle データベースの違い)

1. INSERT INTO SELECT文ステートメントの形式は次のとおりです: Insert ...

mysql8.0.11 winx64 のインストールと設定方法のグラフィック チュートリアル (win10)

mysql 8.0.11 winx64のインストールチュートリアルは以下のように記録され、みんなと...

Linux で毎日データベースの自動バックアップを設定する方法

この記事では、Centos7.6 システムと Oracle11g を例に挙げます。 1. まずデータ...

HTML テーブル マークアップ チュートリアル (42): テーブル ヘッダーの水平方向の配置属性 ALIGN

水平方向では、テーブル ヘッダーの配置を左、中央、右に設定できます。基本的な構文<TH ALI...

CentOS7 に Redis をインストールして設定する方法

導入Redis を詳しく説明する必要はありません。インストールと設定を始めましょう。インストールソー...

MySQLの重複排除方法

MySQLの重複排除方法【初級】繰り返しのセリフが少ないdistinctive を使用してそれらを見...

CSSはBEM命名規則の実践を使用する

クラスを見るとき、どのような情報を得たいですか?このクラスはどこで使用され、その機能は何ですか?この...

XHTML CSS ウェブサイトデザインの利点と問題点

XHTML は現在国際的に推奨されている標準的な Web サイト設計言語です。Webjx.com も...