<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:/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>