ホームページ > ウェブフロントエンド > フロントエンドQ&A > HTMLのフォームは何を意味しますか

HTMLのフォームは何を意味しますか

青灯夜游
リリース: 2021-11-18 11:41:32
オリジナル
14426 人が閲覧しました

Form は HTML の「フォーム」を意味します。ユーザー入力用の HTML フォームを作成するタグです。構文形式は「

form 要素
」です。form タグは整列できます。 input、textarea、select、option、button などのさまざまなフォーム要素が含まれています。

HTMLのフォームは何を意味しますか

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

FormとはHTMLの「フォーム」を意味し、ユーザー入力用のHTMLフォームを作成するタグです。

フォームはフォーム要素を含む領域であり、機能: さまざまなタイプのユーザー入力を収集するために使用されます。

フォーム要素を使用すると、ユーザーはテキスト領域、ドロップダウン リスト、ラジオ ボタン、チェックボックスなどのコンテンツをフォームに入力できます。

フォームは

タグを通じて作成され、そこにフォーム フィールド、ボタン、その他のフォーム オブジェクトが配置されます:

<form>
....
表单元素
....
</form>
ログイン後にコピー

一般的に使用されるフォーム要素

ü フォームフォーム

ü 入力フォーム要素、フォームアイテム

ü 選択およびオプションドロップダウンメニュー

ü テキストエリアテキストエリア

(1)フォーム要素

関数: フォームの作成に使用されます

形式:

<form></form>
ログイン後にコピー

基本的な使用法:



重要な属性:

1、アクション: 現在のフォームのコンテンツがどのページであるかを示します。処理のために送信されます

2、メソッド: 現在のフォーム送信メソッドを示します。一般的なメソッドは get と post です。デフォルトは get submit です。

(2) 入力要素

さまざまな形式の入力ボックスを表します。type 属性に基づいて、どの入力ボックスを表示するかを決定できます。


基本的な使用法:



##効果:


#詳細に注意してください:

1、入力の場合、その型のデフォルト値は text であり、1 行のテキストを表します

2 、入力の場合は、 name 属性を追加するのが最善です。これは、ユーザーが入力したコンテンツを、データが処理されるページに送信するために使用されます。

GET 送信と POST 送信:

GET:

get モードで送信しても、name 属性を書き込まない場合、ユーザーが入力した内容は送信できません, でもまだ出てくるのでしょうか?この記号:

POST:

ユーザーが投稿モードで送信する場合、ユーザーが入力したコンテンツはアドレスに配置されません。セキュリティの比較:

GET と POST の概要:

1. GET は、ユーザーが入力したコンテンツをアドレス バーに配置します。 GET リクエストを使用すると、セキュリティが確保されません。

2、POST では、ユーザーが入力した内容がアドレス バーに表示されず、比較的安全です。

詳細:

1、各入力タグには value 属性があり、入力の種類が異なると、value の役割も異なります。

type="text" の場合、ユーザーが入力したすべてのコンテンツを送信できるため、value は不要です。

type="radio" または type="checkbox" の場合、値が無い場合は送信できません。

2. type="radio" の場合、1 つだけを選択する場合は、各入力に name 属性と属性値を追加する必要があります。 Consistent である必要もあります。これが追加されていない場合、ラジオ ボタンのニーズを満たすことができません。

3. テキストの 1 行の幅については、文字長を示す size 属性を使用して設定できますが、実際には使用されず、通常は CSS によって制御されます。

(3) select と option

関数: ドロップダウン リストの実装に使用されます

形式:

<select>
<option>内容</option>
<option>内容</option>
<option>内容</option>
</select>
ログイン後にコピー
基本的な使用法:

注:

#1. デフォルトでは、送信時にオプションのコンテンツが送信されたコンテンツとして使用されます。 content ですが、通常はこれを行わず、opton に value 属性を設定し、その属性値には通常数値を使用します。

value を使用した後の状況は次のとおりです:


selected 属性を使用して、オプションにデフォルトの選択状態を処理させることができます。


(3) textarea

関数: 大量のテキストを入力するための入力ボックスを提供します。たとえば、 QQスペースへの掲載ステータス、Tieba投稿など

形式: <textarea></textarea>

基本的な使用法:


# 推奨チュートリアル: "html ビデオ チュートリアル "

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート