HTML <form> タグ

前へ 完全なHTM リファレンス 次へ

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

HTML 4.01 と HTML5 の相違点

HTML5 には、新しく 2 つの属性:autocomplete と novalidate が追加され、accept 属性が削除されました。


HTML と XHTML との相違点

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 のイベント属性もサポートします。


Examples

Try it Yourself - 例

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

ラジオボタンを持つフォーム
2 つのラジオボタンと、送信ボタンを持つフォーム


関連ページ

HTML チュートリアル:HTML Forms and Input

HTML DOM リファレンス:Form オブジェクト

CSS チュートリアル:Styling Forms


デフォルトの CSS 設定

ほとんどのブラウザは、次のデフォルト値を使用して <form> 要素を表示しています:

form {
    display: block;
    margin-top: 0em;
}
Try it Yourself ❯


前へ 完全なHTM リファレンス 次へ