2 つの入力フィールドと送信ボタンを持つ HTML フォーム:
<form
action="demo_form.html"
method="get">
First name: <input type="text" name="fname"><br>
Last name:
<input type="text" name="lname"><br>
<input type="submit" value="Submit">
</form>
Try it Yourself ❯
他の "Try it Yourself" の例が下にあります。
<form> タグは、ユーザ入力用の HTML フォームを作成するために使用します。
<form> 要素は、以下の 1 つ以上フォーム要素を含むことができます:
要素 | |||||
---|---|---|---|---|---|
<form> | Yes | Yes | Yes | Yes | Yes |
HTML5 には、新しく 2 つの属性:autocomplete と novalidate が追加され、accept 属性が削除されました。
In XHTML, the name attribute is deprecated. Use the global id attribute instead.
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 つのラジオボタンと、送信ボタンを持つフォーム
HTML チュートリアル:HTML Forms and Input
HTML DOM リファレンス:Form オブジェクト
CSS チュートリアル:Styling Forms
ほとんどのブラウザは、次のデフォルト値を使用して <form> 要素を表示しています: