#この記事の動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。 HTML で一般的に使用されるフォーム要素には、テキスト領域 (TEXTAREA)、リスト ボックス (SELECT)、テキスト入力ボックス (INPUT type=text)、パスワード入力ボックス (INPUT type=password)、ラジオ入力ボックス ( INPUT type=radio)、チェック入力ボックス (INPUT type=checkbox)、リセットボタン、送信ボタン、隠しフィールドなど。 1. テキスト フィールドHTML フォーム要素は次のとおりです: 1. テキストエリア "TEXTAREA"; 2. リストボックス "SELECT"; 3. テキスト入力ボックス "INPUT type=text"; 4. パスワード入力ボックス "INPUT type=password" "; 5. 無線入力ボックスなど
<input type="text" name="text" value="" />
<input type="password" name="text" value="" />
女性: 女性4. チェックボックス
<input type="checkbox" name="check1" value="" />
# 10. 画像ボタン
11. ドロップダウン リスト
<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 によって値が渡されます。
テキスト ボックスを無効にする:
読み取り専用テキスト ボックス:
14.TextArea
15.fieldset ドメインの定義
フィールドセットはフォーム要素をグループ化するために使用され、凡例はフォーム要素を設定するために使用されます。グループタイトル。
フォームは主に、Web ページでのデータ収集機能を担当します。フォームには 3 つの基本コンポーネントがあります。フォーム タグ。フォーム データの処理に使用される CGI プログラムの URL と、データをサーバーに送信するメソッドが含まれます。フォーム フィールドには、テキスト ボックス、パスワード ボックス、隠しフィールド、複数行のテキスト ボックス、チェック ボックス、ラジオ ボタン ボックス、ドロップダウン選択ボックス、ファイル アップロード ボックスなどが含まれます。フォーム ボタンには、送信ボタン、リセット ボタン、および一般ボタンが含まれます。これらは、サーバー上の CGI スクリプトにデータを転送したり、入力をキャンセルしたりするために使用されます。フォーム ボタンは、処理スクリプトが定義されている他の処理タスクを制御するためにも使用できます。
推奨チュートリアル: 「
html ビデオ チュートリアル以上がHTMLのフォーム要素とは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。