HTMLフォームLOGIN

HTMLフォーム

フォームは、動的な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 ="apple">Apple<br>

<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 つだけ選択できるようにするには、ラジオ ボタン ボックスを使用します。サンプルコード:

<input type="radio" name="fruit" value = "Apple">Apple<br>

> ;オレンジ<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 キーを使用して複数の選択を実装します。例:

コースウェア