HTML5のフォームフィールドとはどういう意味ですか?

HTML5 では、フォーム フィールドは、すべてのフォーム スペースとプロンプト情報、つまりフォーム タグに保存されるデータを収容するために使用されるコンテナです。フォーム データを処理するすべてのプログラムと URL アドレスは、フォーム フィールド、およびサーバーにデータを送信する方法。フォーム フィールドが定義されていない場合、フォーム内のデータをバックエンド サーバーに送信できません。

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

HTML5 フォーム フィールドの意味は何ですか?

フォーム フィールド: コンテナに相当し、すべてのフォーム スペースとプロンプト情報を収容するために使用されます。

はいこれは、フォーム データを処理するすべてのプログラムの URL アドレスと、データをサーバーに送信する方法を定義します。フォーム フィールドが定義されていない場合、フォーム内のデータをバックエンド サーバーに送信できません。

フォーム フィールドは、

タグに含まれる入力に格納されるデータです。

フォームフィールドには、秘伝タイプ、テキストタイプ、ラジオタイプ、チェックボックスタイプ、テキストエリアタイプ、ファイルタイプ、選択タイプ、基本タイプなど、さまざまな入力タイプが含まれています。フォームフィールド: フォーム情報を収集してサーバーに送信;

一般的に使用される属性:

アクション フォームが情報を収集した後、処理のためにサーバーに送信する必要があります。属性は、フォーム データを受信して​​処理するサーバー プログラムの URL を指定するために使用されます。アドレス

メソッドは、フォームにデータを送信する方法を設定するために使用され、値は get または post です。取得送信はアドレス バーにプレーン テキストで表示されます。投稿モードで送信することをお勧めします。

name は、同じページ上の異なるフォームを区別するためにフォームの名前を指定するために使用されます。

拡張知識:

フォーム コントロール: 単一行のテキスト入力ボックス、パスワード入力ボックス、チェック ボックス、送信ボタン、リセット ボタン、 etc.

プロンプト情報: 1 フォームには通常、ユーザーに入力と操作を促す説明テキストが含まれています

フォーム フィールド属性

1 、form

この属性はフォーム ID を介して渡すことができ、現在のフォーム フィールドが属するフォームを指定できます。この属性を指定した後は、現在のフォーム フィールドをページ上の任意の場所に配置でき、1 つのフォーム フィールドを配置できます。このとき、異なるフォームはスペースで区切られますが、ページが分かりにくくなるため、このように記述することをお勧めします。

ケースコード:

<form action="#" id="form1">
    姓名：<input type="text">
    <input type="submit" value="提交">
</form>
年龄：<input type="text" form="form1">
</body>

2.formaction

この属性は通常、送信ボタンに記述され、その機能はフォームのアクション属性をオーバーライドしてフォームを送信することです。データを別のアドレスに送信します。フォームに複数の送信ボタンを設定し、それぞれ異なるアドレスを指定して、異なる結果を取得する場合に適しています。

ケースコード:

<form action="#" id="form1">
    姓名：<input type="text">
    <input type="submit" value="提交">
    <input type="submit" value="提交2" formaction="新地址">
</form>

3. formenctype

この属性は、フォームが投稿モードで送信されるときにデータのエンコード方法を変更するために使用されます。一般的に使用される値次のとおりです: application/x-www-form-urlencoded (デフォルトの文字エンコーディング)、multipart/form-data (バイナリ)、text/plain (プレーン テキスト)

ケース コード:

<form action="#" id="form1">
    姓名：<input type="text">
    <input type="submit" value="字符编码">
    <input type="submit" value="二进制编码" formenctype="multipart/form-data">
    <input type="submit" value="纯文本" formenctype="text/plain">
</form>

4 , list

この属性は、ドロップダウン ボックスを表示するためにフォーム要素 datalist と組み合わせて使用​​されます。 list の値は、対応するデータリストの ID 値である必要があります。ドロップダウン ボックスは、入力したキーワードに基づいてドロップダウン リストと自動的に一致することもあります。

ケース表示:

キーワード一致

##ケースコード:

<form>
    下拉列表：<input list="books">
    <datalist id="books">
        <option value="java"></option>
        <option value="C#"></option>
        <option value="java Web"></option>
    </datalist>
</form>

(学習ビデオ共有:

css ビデオ チュートリアル

、

html ビデオ チュートリアル)

以上がHTML5のフォームフィールドとはどういう意味ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。