HTML5 <form> タグ
例
2つの入力フィールドと、1つの送信ボタンからなる簡単な HTML フォーム:
<form action="demo_form.html">
First name:
<input type="text" name="fname" value="Mickey"
/><br />
Last name:<input type="text" name="lname" value="Mouse"
/><br />
<input type="submit" value="Submit" />
</form>
Try it yourself »
ブラウザ・サポート
<form> タグは、主要な全ブラウザがサポートしています。
定義と用法
<form> タグは、ユーザ入力用のHTMLフォーム作成のために使用します。
<form> 要素は、次の1つ以上の form 要素を含むことができます:
HTML 4.01 と HTML5 との相違点
HTML5 には、新しい属性がいくつかありますが、HTML4.01 の属性のいくつかは
HTML5 ではサポートされなくなりました。
属性
New : HTML5 で新規追加。
| 属性 |
値 |
説明 |
| accept |
MIME_type |
HTML5 ではサポートしていない |
| accept-charset |
character_set |
サーバが受け入れる文字エンコーディングのリストを指定する |
| action |
URL |
フォームを送信するときにフォームデータの送信先を指定する |
| autocompleteNew |
on
off |
フォームの自動補完 on か off がオンかを指定する |
| enctype |
application/x-www-form-urlencoded
multipart/form-data
text/plain |
サーバへ送信するときにフォームデータをエンコードする方法を指定する
（method="post" の場合のみ） |
| method |
get
post |
フォームデータを送信する際に使用する HTTP メソッドを指定する |
| name |
text |
フォーム名を指定する |
| novalidateNew |
novalidate |
送信時にフォームを検証しないことを指定する |
| target |
_blank
_self
_parent
_top |
フォームの送信後、受信した応答を表示する場所を指定する |
グローバル属性
<form> タグは、HTML5におけるグローバル属性 もサポートします。
イベント属性
<form> タグは、HTML5におけるイベント属性 もサポートします。
|