<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: [/attribute_values]application/x-www-form-urlencodedデフォルト multipart/form-datatext/plain method="get|post"- データ送信するHTTPメソッドを指定します。属性が無い場合や値が無効の場合のデフォルトは
GETです。 name="名前"- document.forms APIで使用するフォームの名前を指定します。
novalidate[="novalidate"]HTML5で追加- 入力・選択の内容のチェックを行わずに送信します。HTML5で追加されたフォーム要素のチェック機構に対応します。
target="ウィンドウ名|キーワード"- データ送信の結果を表示させるウィンドウ名、または以下のキーワードを指定します。
_blank新しいウィンドウ _self現在のウィンドウ _parent親ウィンドウ、ウィンドウまたは許可が無ければ現在のウィンドウ _top最上位のウィンドウ、ウィンドウまたは許可が無ければ現在のウィンドウ <a href="https:/example.jp/" target="_parent">ホーム</a> - グローバル属性
accesskey,autocapitalize,autofocus,class,contenteditable,data-*,dir,draggable,enterkeyhint,hidden,id,inputmode,is,itemid,itemprop,itemref,itemscope,itemtype,lang,nonce,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>
