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の使い方の詳細な説明

推薦する

仮想スクロールを簡単に実装するためのVueサンプルコード

目次序文ローリング原理成し遂げるソースコード参照する序文モバイル Web ページの日常的な開発では、...

JavaScript オブジェクトの組み込みオブジェクト、値型、参照型の説明

目次物体オブジェクト定義オブジェクトのメンバーを反復処理するJS組み込みオブジェクト数学オブジェクト...

Javascriptで戦略パターンを実装する方法

目次概要コードの実装要約する概要戦略パターンは、JavaScript デザイン パターンにおける動作...

JavaScriptは検証コードと検証のランダム生成を実装します

この記事では、検証コードのランダム生成と検証を実現するためのJavaScriptの具体的なコードを参...

JS 関数のアンチシェイクと関数スロットリングを理解する方法

目次概要1. 関数デバウンス2. 機能スロットリング（スロットル）概要関数アンチシェイクと関数スロッ...

SQL インジェクションの詳細

1. SQL インジェクションとは何ですか? SQL インジェクションは、入力パラメータに SQL ...

CSS フレックスレイアウトのリストの最後の行を左揃えにする N 通りの方法 (要約)

張新旭氏の記事を引用して皆さんにシェアしたいと思います。 変更を加えたい場合は、対応する画像によって...

MySQLが基礎データ構造としてB+ツリーを使用する理由

MySQL の基盤となるデータ構造が B+ ツリーであることは誰もが知っていますが、ではなぜ赤黒ツリ...

MySQL デッドロックのトラブルシューティングの全プロセス記録

【著者】 Liu Bo: Ctrip テクニカル サポート センターのシニア データベース マネージ...

Linux ファイル/ディレクトリの権限と所有権の管理

1. ファイルの権限と所有権の概要1. アクセス権Read r: ファイルの内容を表示し、ディレクト...

Vueモバイル端末は左スライド編集と削除の全プロセスを実現します

序文プロジェクトのニーズに応じて、Vue-touch を使用して、vue モバイル端末の左スワイプ編...

Docker を使用して静的 Web サイト アプリケーションを作成する (複数の方法)

静的ウェブサイトをホストできるサーバーは数多くあります。この記事では、nginx、apache、to...

http.server に基づく LAN サーバーの構築プロセスの分析

皆さんはこのような状況に遭遇したことがあるでしょうか。プロジェクトや研究開発を行う際に、緊急にファイ...

MySQL 文字列分割の例 (区切り文字なしの文字列抽出)

区切り文字なしの文字列抽出質問の要件データベース内のフィールド値:実装効果: 1行のデータを複数行に...

例を通してBRタグとPタグの違いを理解する

<br />改行タグの使用<br>改行タグ<br>は終わりのない...