form要素：HTML Living Standard各要素別メモ

概要

カテゴリー

配置できる場所

上記カテゴリーの要素が置ける場所。
下記の内容モデルの結果として、form要素を祖先に持ってはならない。

内容モデル

Flow content。ただし、form要素を子孫に含んではならない。
必須とはされてないが、Form-associated elementを子孫に含むことが想定されている。

main要素の規定による制限
- アクセス可能な名前を持つ場合は、main要素を子孫に含んではならない。

属性

グローバル属性
name→当該フォームの名前文字列。同一HTML文書内で同じ値をもつform要素が複数あってはならない。
accept-charset→フォーム送信するテキストの文字エンコーディングを指定。utf-8以外不可。
action→フォーム送信先のURLを指定。デフォルトは、当該フォームが記述されているHTML文書のURL
autocomplete→on、off。デフォルトは、on。当該フォームに所属する入力コントロールの自動補完機能のデフォルトを指定。
enctype→値は下記のとおり。フォームのデータ形式を指定。デフォルトは、application/x-www-form-urlencoded
- application/x-www-form-urlencoded→すべての文字をURLエンコード形式でフォーム送信。
- multipart/form-data→バイナリーデータ形式でフォーム送信（ファイルの場合はこれを指定する）。
- text/plain→プレーンテキスト形式でフォーム送信。
method→値は下記のとおり。フォーム送信形式を指定。デフォルトは、get
- get→URLの一部としてフォーム送信（URL末尾に、「?」の後に、「&」区切りで、「送信用名前文字列=送信値」を列挙）。
- post→HTTP通信の本体データとしてフォーム送信。
- dialog→直近の祖先dialog要素の返し値にセットして、ダイアログボックスを閉じる。
novalidate→ブーリアン属性。フォーム送信時の制約検証をしない場合に指定する。
rel→値は、rel属性値の表で「指定可」とされている値とその他。リンク先・リソースとの関係を示す。
target→値は下記のとおり。フォーム送信の結果を表示する場所を指定する場合に指定する。
- _blank→別ウィンドウ又は別タブ。
- _top→入れ子の閲覧文脈の中で、当該要素が現在属している閲覧文脈の最上位の祖先の閲覧文脈。
- _parent→入れ子の閲覧文脈の中で、当該要素が現在属している閲覧文脈の親の閲覧文脈。
- _self→当該要素が現在属している閲覧文脈。
- その他妥当な閲覧文脈名→「_」（アンダースコア）で始まらない一文字以上の文字列。当該要素が現在属している入れ子の閲覧文脈の中又は当該要素が属していない既に開いている別ウィンドウ（もしくは別タブ）に該当する閲覧文脈名のものがあれば、そこに開く。それがなければ、当該閲覧文脈名にて別ウィンドウ又は別タブを開く。

HTML構文におけるタグの省略

省略不可。

WAI-ARIA

デフォルトroleは、form。デフォルトroleをrole属性値に指定することは、推奨されない。
デフォルトrole以外では、search、presentation、noneを指定可。

視覚系ブラウザのデフォルトとして期待されるCSS


  form {
    display: block;
    unicode-bidi: isolate;
  }

ユーザーエージェントに対する特記事項

ユーザーがその選択にしたがってautocomplete属性による設定を無視することができるようにすることができる。
下記の暗黙のフォーム送信機能をサポートすることが強く推奨される。そうでないと機能しないフォームが（残念ながら）現実に存在するためである。
- デフォルト送信ボタン→当該フォームに所属する最初の送信ボタン。
- 暗黙のフォーム送信をブロックするフィールド→当該フォームに所属するtypeがtext、search、url、tel、email、password、datetime-local、date、month、week、time、numberのinput要素。
- デフォルト送信ボタンがある場合は、暗黙のフォーム送信をブロックするフィールドにフォーカスが当たっているときに、ユーザーによる所定の動作（一般的な視覚系ブラウザでは「Enter」キーの押下）があると、デフォルト送信ボタンにクリックイベントが発生する。
- デフォルト送信ボタンがない場合は、暗黙のフォーム送信をブロックするフィールドにフォーカスが当たっているときに、ユーザーによる所定の動作（一般的な視覚系ブラウザでは「Enter」キーの押下）があると、
  - 当該フォームに複数の暗黙のフォーム送信をブロックするフィールドが所属している場合は、何も起きない。
  - そうでない場合は、当該フォームをフォーム送信する。

意味・用法: 処理のためにサーバーにフォーム送信できる編集可能な値を表すことができるものを含むForm-associated elementの集まりを内容とするフォームを表す。

アクセシビリティ関連

アクセシビリティ支援技術向け：子孫要素たるLabelable elementのlabel要素による適切なラベル付け（Techniques for WCAG 2.1 : G131, G162, H44, H90, F82）。
フォーム送信のための送信ボタンがないのは、アクセシビリティを妨げる（すべてのユーザーエージェントが暗黙のフォーム送信機能をサポートしているとは限らない）（Techniques for WCAG 2.1 : G80, H32）。
ユーザーに予告せずに別ウィンドウ又は別タブを開くのは、アクセシビリティを妨げる（Techniques for WCAG 2.1 : G201, H83, F22）。

私見・補足

インターネットにおけるデータ送信手段の一つ。

アクセス可能な名前の有無で、デフォルトroleの取扱いが異なるというのはよく分からない。アクセス可能な名前があろうがなかろうが、form要素の素の役割は、form以外の何物でもないと思うのだが。

表示確認

input要素、button要素、dialog要素を参照。