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

推薦する

効率的なMySQLページングの詳細な説明

序文通常、大量のデータを扱う MySQL クエリには「ページング」戦略が採用されます。ただし、ページ...

MySQL 学習チュートリアル クラスター化インデックス

クラスタリングは、実際には InnoDB データベース エンジンに関連しています。したがって、インデ...

Vue2 における 12 種類のコンポーネント通信

目次1. 小道具2..同期3.vモデル4.参照5. $emit/v-on 6. $attrs/$li...

HTML+CSS+JS でスタックカルーセル効果を実装するサンプルコード

効果：スライドショーが一方向に動く場合、各画像のサイズ、位置、透明度、レベルを変更する必要があります...

Vue-Routerのルート設定の詳しい説明

目次導入ルート内のオブジェクト属性パス: 文字列コンポーネント: コンポーネント | () =>...

CSS3は小さな矢印のさまざまなグラフィック効果を実現します

CSS を使ってさまざまなグラフィックを実現できるのは素晴らしいことです。画像を切り取る必要はなく、...

CSSのline-heightとheightの詳細な説明

最近、CSS インターフェースに取り組んでいるときに、line-height と height とい...

React antdはフォームの動的な増減を実現します

以前、動的フォームを記述しているときに落とし穴に遭遇しました。インデックスの添え字をキーとして使用す...

フロントエンドのパフォーマンス最適化 - フロントエンドエンジニアが話し合うべき問題点

はじめに<br />前回の記事「私の CSS アーキテクチャ コンセプト」では、公園で友...

MySQLの認証コマンドgrantの使い方

この記事の例は MySQL 5.0 以降で実行されます。ユーザー権限を付与するための MySQL コ...

node.jsミドルウェアの種類についての簡単な説明

目次概要1. アプリケーションレベルのミドルウェア2. 組み込みミドルウェア3. サードパーティミド...

MySQLで自動作成時間と変更時間を設定する方法の例

この記事では、MySQL の自動作成時刻と変更時刻を設定する方法について説明します。ご参考までに、詳...

Vue 手書き読み込みアニメーション プロジェクト

ページが応答しない場合、白い画面が表示されないように、読み込みアニメーションを表示するのがユーザーフ...

MySQLを使用して列内の異なる値の数をカウントする例

序文この記事で実装されている要件は、実際には非常に一般的です。たとえば、ユーザーが登録したチャネルを...

CSS3 のボックス サイズ設定 (コンテンツ ボックスとボーダー ボックス) の詳細な説明

CSS3 のボックス サイズ設定 (content-box と border-box) CSS3 の...