目次に戻る

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

概要

カテゴリー
配置できる場所
内容モデル
  • Flow content。ただし、form要素を子孫に含んではならない。
  • 必須とはされてないが、Form-associated elementを子孫に含むことが想定されている。
属性
  • グローバル属性
  • 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要素の返し値（returnValueプロパティの値）にセットして、ダイアログボックスを閉じる。
  • 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の集まり（フォーム）を介して操作可能なハイパーリンクを表す。

アクセシビリティ関連

私見・補足

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

表示確認

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