ホームページ >ウェブフロントエンド >フロントエンドQ&A >HTMLのフォーム要素とは何ですか?

HTMLのフォーム要素とは何ですか?

藏色散人
藏色散人オリジナル
2021-05-11 14:07:4310837ブラウズ

HTML フォーム要素は次のとおりです: 1. テキストエリア "TEXTAREA"; 2. リストボックス "SELECT"; 3. テキスト入力ボックス "INPUT type=text"; 4. パスワード入力ボックス "INPUT type=password" "; 5. 無線入力ボックスなど

HTMLのフォーム要素とは何ですか?

#この記事の動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。

HTML で一般的に使用されるフォーム要素には、テキスト領域 (TEXTAREA)、リスト ボックス (SELECT)、テキスト入力ボックス (INPUT type=text)、パスワード入力ボックス (INPUT type=password)、ラジオ入力ボックス ( INPUT type=radio)、チェック入力ボックス (INPUT type=checkbox)、リセットボタン、送信ボタン、隠しフィールドなど。

1. テキスト フィールド

<input type="text" name="text" value="" />

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

パスワードはテキスト ボックスと似ていますが、入力された内容はドットで表示されます。

<input type="password" name="text" value="" />

3. ラジオ ボタン

男性:c6b2977480764601abf30f58d952a174 男性df250b2156c434f3390392d09b1c9563

女性: e7bcbf47f7ea2317c073d840d1c8398e 女性

4. チェックボックス

<input type="checkbox" name="check1" value="" />

5. ボタン

ab0d9654779e5c05b9e3b049645a06b8

6. リセット ボタン

リセット ボタンをクリックすると、ボタンが配置されているフォームがリセットされます。 . すべてがクリアされ、他のフォームは影響を受けません。 b613fb3efe3ffcd49788cf3c24a1ee4b

7. 送信ボタン

送信ボタンをクリックすると、ブラウザが自動的にフォームを送信します。 92e8cbd9feac6a729893ae422743759e

8. 隠しフィールド

隠しフィールドは、重要度の低いフィールドを保存するためだけにブラウザに表示されません。存在します。 d885c733a320f13a4d1e39bcc8ee6b9c

11. ドロップダウン リスト221f08282418e2996498697df914ce4e

<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>

例:

属性: 無効、オプション値: 無効、説明: ドロップダウン リストを無効にするように指定します。

12. label

abel 要素は、ユーザーに特別な効果を与えません。ただし、マウス ユーザーにとっては使いやすさが向上します。このコントロールは、ラベル要素内のテキストをクリックするとトリガーされます。つまり、ユーザーがラベルを選択すると、ブラウザは自動的にラベルに関連するフォーム コントロールにフォーカスを向けます。たとえば、ラベル内にラジオ ボタンを配置する場合です。次に、ラベル内のテキストをクリックすると、小さな点をクリックするだけでなく、ラジオ ボタンもトリガーされます。

例:

<label><input type="radio" name="male" />男人</label></p>
<label><input type="radio" name="male" />女人</label></p>

13. 無効 (disabled) および読み取り専用 (readonly)

無効および読み取り専用の属性。 readonly は入力 (テキスト/パスワード) とテキストエリアにのみ有効ですが、disabled は選択、ラジオ、チェックボックス、ボタンなどを含むすべてのフォーム要素に有効です。ただし、form 要素が無効になった後、POST または GET 経由でフォームを送信すると、この要素の値は渡されず、readonly によって値が渡されます。

テキスト ボックスを無効にする: d8fe78c725b43c4f1f7a8d7f3e05d89b

読み取り専用テキスト ボックス: 73f8a4a4771277d16e2540ee47a3ea7ff5a47148e367a6035fd7a2faa965022e

14.TextArea

15.fieldset ドメインの定義

フィールドセットはフォーム要素をグループ化するために使用され、凡例はフォーム要素を設定するために使用されます。グループタイトル。

フォームは主に、Web ページでのデータ収集機能を担当します。フォームには 3 つの基本コンポーネントがあります。フォーム タグ。フォーム データの処理に使用される CGI プログラムの URL と、データをサーバーに送信するメソッドが含まれます。フォーム フィールドには、テキスト ボックス、パスワード ボックス、隠しフィールド、複数行のテキスト ボックス、チェック ボックス、ラジオ ボタン ボックス、ドロップダウン選択ボックス、ファイル アップロード ボックスなどが含まれます。フォーム ボタンには、送信ボタン、リセット ボタン、および一般ボタンが含まれます。これらは、サーバー上の CGI スクリプトにデータを転送したり、入力をキャンセルしたりするために使用されます。フォーム ボタンは、処理スクリプトが定義されている他の処理タスクを制御するためにも使用できます。

推奨チュートリアル: 「

html ビデオ チュートリアル

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。