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 のスロットスコープの詳細な理解（初心者向け）

Baidu には slot-scope に関する記事が既にたくさんありますが、以前よく学習しておら...

動的画像読み込み技術の応用とjquery.lazyloadプラグインの使用例

アプリケーション例ウェブサイト http://www.uhuigou.net画像の動的読み込みは目新...

Centos7.4 サーバーへの Apache のインストールとインストール プロセス中に発生した問題の解決策

この記事では、CentOS 7.4 サーバーに Apache をインストールする方法と、インストール...

htmlはハイパーリンク付きの新しいウィンドウを開き、ウィンドウのプロパティを制御できます。

1. HTMLハイパーリンクによって開かれるウィンドウのサイズコードをコピーコードは次のとおりです...

JavaScript の Set データ構造の詳細な説明

目次1. セットとは何か2. セットコンストラクタ2.1) 配列2.2) 文字列2.3) 議論2.4...

動的なデジタル時計を実装するJavaScript

この記事では、JavaScriptで動的なデジタル時計を実装するための具体的なコードを参考までに紹介...

SeataがMySQL 8バージョンを使用できない問題を解決する方法

考えられる理由: Seata が MySQL 8 をサポートしない主な理由は、接続ドライバーがバージ...

インライン要素スパンの最小高さの定義

span タグは HTML ウェブページを作成するときによく使用されますが、このタグの使い方がよくわ...

Nginx と Lua を使用した JWT 検証の概要

目次序文Lua スクリプトnignx.conf の設定Dockerfileの設定序文データベースやそ...

Vueにおける仮想DOMの理解のまとめ

これは本質的に、ビュー インターフェース構造を記述するために使用される共通の js オブジェクトです...

Vueはシンプルなメモ帳機能を実装します

この記事では、参考までに、簡単なメモ帳機能を実装するためのVueの具体的なコードを紹介します。具体的...

JavaScript はドラッグ可能なモーダルボックスを実装します

この記事では、ドラッグ可能なモーダルボックスを実装するためのJavaScriptの具体的なコードを参...

Vueはシンプルなデータ双方向バインディングを実装します

この記事では、Vueの具体的なコード例を参考までに紹介します。具体的な内容は以下のとおりです。初心者...

Ubuntu システムに Theano と Keras をインストールする方法

注: システムは Ubuntu 14.04LTS、32 ビット オペレーティング システムです。Py...

Windows での MySQL 8.X インストール チュートリアル

以前は MySQL 5.7 を使用していましたが、MySQL にいくつか新しい機能が追加されたため、...