フォームは、動的なWebページを実装するための主要な外部フォームです。
フォームとフォームフィールドには入力する機能がありません。フォーム Web ページの作成は、最終的にはテーブルによって編成される必要があります。
HTML フォームは、HTML ページとブラウザ間の対話のための重要な手段です。フォームは、クライアントから送信された関連情報を収集するために使用できます。
フォームは Web サイトを閲覧するときによく目にします。フォームは Web サイトのインタラクティブな機能の重要な部分です。 ASP、PHP、JSPなど、Webサイトの対話機能を実現するためにどのような言語を使用しても、フォームは統一された外部形式となります。
HTML フォーム (フォーム) は HTML の重要な部分であり、その主な機能は情報を収集すること、特に訪問者情報を収集することです。
HTML フォームを学習する際にマスターすべき 3 つの重要なポイントがあります:
・フォームコントロール
・アクション
・メソッド
s)、を通して HTML フォームのさまざまなコントロールを使用して、ユーザーはテキスト情報を入力できます。オプションから選択して送信してください。たとえば、上の例では、input type= "text" はフォーム コントロールであり、単一行の入力ボックスを表します。
ユーザーが入力した情報は常にプログラムによって処理される必要があります。フォーム内のアクションは、フォーム情報を処理するファイルを指定します。メソッドに関しては、フォーム情報の送信方法を表します。メソッドには get と post という 2 つの値があります。 get メソッドは、フォーム コントロールの名前/値情報をエンコードし、URL を通じて送信します (アドレス バーで確認できます)。 Post はフォームのコンテンツを http 経由で送信しますが、アドレス バーにフォーム送信情報は表示されません。では、いつ get を使用し、いつ post を使用するのでしょうか?一般的には、データを取得して表示するだけであれば get を使用し、データの保存や更新を伴う場合は post を使用することをお勧めします。
HTML フォーム (Form) の共通コントロール (Controls)
HTML フォーム (Form) の共通コントロール (Controls) は次のとおりです:
Form コントロール (Form Controls) type="text"単一行テキスト入力ボックス
input type="submit" フォーム内のアクションが指すファイルにフォーム内の情報を送信します
input type="checkbox" Checkbox TINPUT TYPE = "Radio"
単一選択ボックス 選択
テキストエリア 複数行テキスト入力ボックス Iinput type = "password"
パスワード入力ボックス ( パスワード入力ボックス ( 入力テキストは *) で表されます
フォーム コントロール: 単一行テキスト入力ボックス (input type="text")
単一行テキスト入力ボックスを使用すると、ユーザーは次のような短い単一行情報を入力できます。ユーザー名として。例は次のとおりです。<input type="text" name="yourname">
フォームコントロール: チェックボックス (input type="checkbox")
チェックボックスはユーザーに許可を与えますセットから複数のオプションを選択します。サンプルコード:
<input type="checkbox" name="fruit" value ="orange"> ;オレンジ<br><input type="checkbox" name="fruit" value ="mango">マンゴー<br>
デフォルトで選択されているオプションを示すには、チェックを入れて使用します。
<input type="checkbox" name="fruit" value ="orange" selected>orange<br>
フォームコントロール: ラジオボタン(input type="radio")
ユーザーがセットからオプションを 1 つだけ選択できるようにするには、ラジオ ボタン ボックスを使用します。サンプルコード:
> ;オレンジ<br><input type="radio" name="fruit" value = "Mango">Mango<br>
デフォルトで選択されたオプションを示すには、チェックマークを付けて使用します。
<input type="radio" name="fruit" value = "Orange" selected>orange<br>
フォームコントロール: ドロップダウンボックス (選択)
ダウンボックス(選択)は無線選択とチェック選択の両方に使用できます。単一選択の例文は次のとおりです:
<select name="フルーツ" >
<option value="apple">Apple
<option value="オレンジ">オレンジ
<option value="マンゴー">マンゴー
< /select>
チェック選択に変更したい場合は、multipleを追加するだけです。ユーザーは Ctrl キーを使用して複数の選択を実装します。例:
ユーザーは、size 属性を使用してドロップダウン ボックス (選択) のサイズを変更することもできます。
フォームコントロール: 複数行入力ボックス(textarea)
複数行入力ボックス(textarea)は、主に長いテキスト情報を入力するために使用されます。例文は次のとおりです。
<textarea name="yoursuggest" cols ="50" rows = "3"></textarea>
ここで、cols はテキストエリアの幅を表し、行はテキストエリアの高さを表します。テキストエリア。
フォームコントロール: パスワード入力ボックス (input type="password")
パスワード入力ボックス (input type="password") は、主にパスワードなどの機密情報を入力するために使用されます。ユーザーが入力したときに表示されるのは入力内容ではなく、黒い点の記号だからです。 。例は以下のとおりです。
<input type="password" name="yourpw">
Form Control: Submit (input type="submit")
By submitting (input type =submit) は、フォーム内の情報を、フォーム内のアクションが指すファイルに送信できます。例文は以下の通りです。
<input type="submit" value="submit">
ページ内のフォームがどのページに送信されるかは、action 属性で設定されます。
次に、<input type="submit"> ボタンをクリックして、対応するページに渡します
js を通じて <input type="button"> タイプのボタンに onClick イベントを追加することもできます。コードで、別のページに移動するフォームの action 属性値を設定します。