HTML <form> Tag

例

二つの入力フィールドと1送信ボタン付きのHTMLフォーム：

<form action="demo_form.asp" method="get">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="submit" value="Submit">
</form>

»それを自分で試してみてください

詳細以下の例「自分にそれを試してみてください」。

定義と使用法

<form>タグは、ユーザ入力のためのHTMLフォームを作成するために使用されます。

<form>要素は、以下のフォーム要素の一つ以上を含めることができます。

ブラウザのサポート

素子
<form>	はい	はい	はい	はい	はい

HTML 4.01とHTML5の違い

HTML5は、2つの新しい属性を追加しました： autocompleteとnovalidate 、およびremoved accept属性を。

HTMLとXHTMLの違い

XHTMLでは、 name属性が廃止されました。代わりに、グローバルid属性を使用します。

属性

= HTML5で追加。

属性	値	説明
accept	file_type	HTML5でサポートされていません。サーバーが受け付けるファイルの種類（つまり、ファイルのアップロードを通じて提出することができます）のカンマ区切りリストを指定します。
accept-charset	character_set	フォームの送信に使用される文字エンコーディングを指定します。
action	URL	フォームが送信されたときに、フォームデータの送信先を指定します
autocomplete	on off	フォームがオンまたはオフにオートコンプリートを持っているかどうかを指定します
enctype	application/x-www-form-urlencoded multipart/form-data text/plain	フォームデータをサーバーに送信するときに（だけのためにエンコードされるべき方法を指定method="post"
method	get post	フォームデータを送信するときに使用するHTTPメソッドを指定します。
name	text	フォームの名前を指定します。
novalidate	novalidate	提出されたときにフォームを検証すべきではないことを指定します
target	_blank _self _parent _top	ここで、フォームの送信後に受信された応答を表示するように指定します

グローバル属性

<form>タグもサポートし、グローバルは、HTMLの属性。

イベント属性

<form>タグもサポートしています。イベントは、HTMLの属性。

それを自分で試してみてください - 例

チェックボックスを持つフォーム
2つのチェックボックスを持つフォーム、および送信ボタン。

ラジオボタンを持つフォーム
2つのラジオボタンを持つフォーム、および送信ボタン。

デフォルトのCSS設定

ほとんどのブラウザが表示され<form>次のデフォルト値を持つ要素を：

例

form {
display: block;
margin-top: 0em;
}