このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

HTML フォームは、さまざまな種類のユーザー入力を収集するために使用されます。フォーム要素は、チェック ボックス、ラジオ ボタン、送信ボタンなど、さまざまな種類の入力要素を指します。

HTML フォーム タグ:

拡張情報: 要素

要素は最も重要なフォーム要素です。

要素には、さまざまな型属性に応じて多くの形式があります。

1. テキスト フィールド

テキスト フィールドは、 タグによって設定され、ユーザーがフォームに文字、数字などを入力する場合に使用します。 、テキストフィールドが使用されます。

<form>
First name: <input type="text" name="firstname"><br>
Last name: <input type="text" name="lastname">
</form>

ブラウザに次の内容が表示されます:

注: フォーム自体は表示されません。また、ほとんどのブラウザでは、テキスト フィールドのデフォルトの幅は 20 文字です。

2. パスワード フィールド

パスワード フィールドは、タグ :

<form>
Password: <input type="password" name="pwd">
</form>

によって定義されます。ブラウザの表示効果は次のとおりです。

注: パスワード フィールドの文字はプレーン テキストでは表示されず、アスタリスクまたはドットに置き換えられます。

3. ラジオ ボタン

タグはフォームのラジオ ボタンのオプションを定義します

<form>
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female
</form>

ブラウザの表示効果は次のようになります:

4. チェックボックス

はチェックボックスを定義します。ユーザーは、指定された選択肢の中から 1 つまたは複数のオプションを選択することから始める必要があります。 。

<form>
<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
<input type="checkbox" name="vehicle" value="Car">I have a car
</form>

ブラウザの表示効果は次のとおりです:

5. 送信ボタン

送信ボタンを定義します。

ユーザーが確認ボタンをクリックすると、フォームの内容が別のファイルに転送されます。フォームの action 属性は、宛先ファイルのファイル名を定義します。通常、action 属性で定義されたファイルは、受信した入力データに対して関連する処理を実行します。 :

<form name="input" action="html_form_action.php" method="get">
Username: <input type="text" name="user">
<input type="submit" value="Submit">
</form>

ブラウザの表示効果は次のとおりです:

上のテキスト ボックスに数文字を入力し、確認ボタンをクリックすると、データを入力すると「html_form_action.php」に送信されるページになります。このページには入力した結果が表示されます。

推奨チュートリアル: 「html ビデオ チュートリアル 」

以上がHTMLフォームのタグとは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。