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