HTML5HTML5 タグリファレンス

form

<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="https://blog.emwai.jp/html5/" target="_parent">ホーム</a>
グローバル属性

サンプル

<!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>