HTMLリファレンスマニュアル

HTMLタグ完全ガイド

HTML: <form> タグ

HTML <form>タグは、ユーザー入力のためのインタラクティブコントロールを持つウェブページでフォームを作成し、Webサーバーに情報を送信するために使用されます。このタグは通常、<form>要素とも呼ばれます。

オンラインサンプル

二つの入力フィールドと一つの送信ボタンを持つHTMLフォーム：

例

!doctype　html>
<html>
<head>
<meta　charset="UTF-8">
<title>HTML5　footerタグの使用(基本教程網　oldtoolbag.com)</title>
</head>
<body>
<h1>oldtoolbag.com基本教程</h1>
<form　action="demo-form.php"　method="post">
　　会社:　<input　type="text"　name="company"><br>
　　住所:　<input　type="text"　name="address"><br>
　　<input　type="submit"　value="Submit">
</form>
</body>
</html>

テストしてみてください ‹/›

このHTML5ドキュメントの例では、<form>タグを使用してHTMLフォームを作成しました。このフォームには、会社と住所の<input>コントロールが2つと、送信ボタンが含まれています。

実行後の効果は以下の通りです：

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザが<form>タグをサポートしています。

タグの使用上の注意点

autocompleteをoffに設定しているフォームがある場合、そのフォーム内のすべてのinput要素のautocompleteもoffに設定することで、ドキュメントが独自の自動補完を提供するための許可を与える必要があります。

タグの定義および使用方法

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

<form>要素は以下のフォーム要素を1つ以上含んでいます：

HTML 4.01 HTMLと5の違い

HTML5 新しい2つの属性が追加されました：autocompleteとnovalidate、HTMLのサポートはもはや行われていません。 4.01 にいくつかの属性があります。

HTMLとXHTMLの違い

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

属性

New　：HTML5 に新しい属性があります。

属性	値	説明
accept	MIME_type	HTML5 サポートしていません。サーバーが受け取ったファイルのタイプを指定します。（ファイルはファイルアップロードで送信されます）
accept-charset	character_set	サーバーが処理できるフォームデータの文字セットを指定します。
action	URL	フォームを送信する際にどこにフォームデータを送信するかを指定します。
autocompleteHTML5	on off	フォームの自動完了機能を有効にするかどうかを指定します。
enctype	application/x-www-form-urlencoded multipart/form-data text/plain	フォームデータをサーバーに送信する前にどのようにエンコードするかを指定します。（method="post"の場合に適用されます）
method	get 　post	フォームデータを送信する際にHTTPメソッドを使用する方法を指定します。
name	text	フォームの名前を指定します。
novalidateHTML5	novalidate	この属性を使用すると、フォームを送信する際に確認を行わない。
target	_blank 　_self 　_parent 　_top	action URL をどこで開くかを指定します。

グローバル属性

<form> タグがサポート HTML のグローバル属性。

イベント属性

<form> タグがサポート HTML のイベント属性。

オンラインサンプルを試す

ラジオボタン(Radio buttons)
このサンプルでは、HTML でラジオボタンを作成する方法を示します。

チェックボックス(Checkboxes)
このサンプルでは、HTML ページにチェックボックスを作成する方法を示します。ユーザーはチェックボックスを選択または選択を解除できます。

簡単なドロップダウンリスト
このサンプルでは、HTML ページに簡単なドロップダウンリストボックスを作成する方法を示します。ドロップダウンリストボックスはオプションリストです。

プレセットドロップダウンリスト
このサンプルでは、プレセット値を持つ簡単なドロップダウンリストを作成する方法を示します。

テキストエリア(Textarea)
このサンプルでは、テキストエリア（複数行のテキスト入力コントロール）を作成する方法を示します。ユーザーはテキストエリアにテキストを書き込みます。書き込める文字数に制限はありません。

ボタンを作成する
このサンプルでは、ボタンを作成する方法を示します。ボタンのテキストをカスタマイズできます。

HTML チュートリアル：HTML フォームと入力

HTML DOM リファレンスマニュアル： Form オブジェクト

HTML: <i> タグ HTML: <footer> タグ