HTML5タグリファレンス
form

投稿 | | カテゴリー タグリファレンス, HTML5

<form>要素は、データを送信したり値の編集が可能なフォーム関連要素の集合を表します。


カテゴリ
フロー・コンテンツ、パルパブル・コンテンツ
配置場所
入れ子を除いたフロー・コンテンツが配置可能な場所。
内容
フレージング・コンテンツ。
ただし、<form>要素を除く(入れ子不可)。
属性
accept-charset="文字コード"

データ送信する際の文字コードを指定します。

action="URL"

データ送信する先のURLを指定します。

autocomplete="on|off" HTML5で追加

オートコンプリート機能(入力履歴から内容を予測・提示する機能)のオンオフを切り替えます。デフォルトはonです。

enctype="MIMEタイプ"

データ送信するMIMEタイプを指定します。指定できる値は以下のキーワードのみです。属性が無い場合や、値が無効の場合はデフォルト値になります。

application/x-www-form-urlencodedデフォルト
multipart/form-data
text/plain
method="get|post"

データ送信するHTTPメソッドを指定します。属性が無い場合や値が無効の場合のデフォルトはGETです。

name="名前"

document.forms APIで使用するフォームの名前を指定します。

novalidate[="novalidate"] HTML5で追加

入力・選択の内容のチェックを行わずに送信します。HTML5で追加されたフォーム要素のチェック機構に対応します。

target="ウィンドウ名|キーワード"

データ送信の結果を表示させるウィンドウ名、または以下のキーワードを指定します。

_blank新しいウィンドウ
_self現在のウィンドウ
_parent親ウィンドウ、ウィンドウまたは許可が無ければ現在のウィンドウ
_top最上位のウィンドウ、ウィンドウまたは許可が無ければ現在のウィンドウ
<a href="//blog.emwai.jp/html5/_" target="_parent">ホーム</a>
グローバル属性

accesskey, class, contenteditable, data-*, dir, hidden, id, lang, spellcheck, style, tabindex, title, translate

サンプル

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<title>HTML5 › form</title>
</head>
<body>
<h1>HTML5 › form</h1>
<form method="post">
<input type="text" name="message" value="" maxlength="140">
<input type="submit" value="メッセージを送信">
</form>
</body>
</html>