フォーム被関連付け要素の一覧

[15] option, optgroup, legend, datalist は含まれていません。

[132] object は理論上はフォーム制御子として使えるため、ここに含まれています。

[133] img は歴史的経緯から document.forms[n].imgname のようにアクセスできるため、 内部的にフォームとの関連付けを保持しており、ここに含まれています。

再関連付け可能要素

一覧

[127] 各分類に属する要素の一覧は >>126 にあります。

フォーム所有子の変化

[108] フォーム所有者は次の場合に変化します。

フォーム所有者の再設定

[85] フォーム被関連付け要素要素のフォーム所有者の再設定reset the form ownerは、 次のようにしなければなりません >>24。

例

...
 <form id="a">
  <div id="b"></div>
 </form>
 <script>
  document.getElementById('b').innerHTML =
     '<table><tr><td><form id="c"><input id="d"></table>' +
     '<input id="e">';
 </script>
...

仕様書

省略可能性

[147] form要素指示子は、スクリプト無効な構文解析器でも実装する必要があります。 (値によって構文解析の結果が変化します。) しかしフォーム所有者の再設定の呼び出しは、 スクリプトとフォームを実装していないなら、省略できます。

値の変化

[105] つまり、開始タグがあって終了タグが(まだ)ない最後の form 要素を指している状態になっています。

[141] form 終了タグは、たとえそれによって閉じられる form 要素が存在していなくても、 form要素指示子を null に設定する効果があります。 table などをトリッキーに使って、あるいは素片構文解析によってそのような状況が生じることがあります。

[142] ただし、素片構文解析の場合は、一時的に架空の木において構文解析を行った後、 得られた節点が指定された位置に挿入される、という形を取っており、 最終的な挿入は構文解析器による挿入ではありませんから、 たとえform要素指示子により特別なフォーム所有者の関連付けが行われていたとしても、 再設定により失われてしまいます。

[145] なお、先祖に form 要素が存在するケースの素片構文解析では、 form要素指示子が構文解析中に変更されない場合、 構文解析の時点ではフォーム所有者は設定されず、 最後の挿入の時点で木構造に従いフォーム所有者が決まることになります。

構文解析への影響

[106] form要素指示子が form 要素を指している間は HTML構文解析器が form 要素を新たに作ることはありません。 つまり、 form 要素の入れ子状態を HTML構文解析器自身が作り出すことはありません。

[119] template 要素内ではform要素指示子は無視され、 フォーム制御子とフォームの関連付けは行われません。

[146] 構文解析器が AAA によって要素を移動した場合、 構文解析器による挿入としてではなく、 通常の insert として処理されるため、 結果的にform要素指示子は無視されます。

関連

[107] form要素指示子は、HTML構文解析器によってフォーム被関連付け要素が文書に挿入される時点でフォーム所有者の決定に使われます (>>95)。

[109] フォーム所有者の再設定が起こる (>>108) と form要素指示子の影響で生じたフォームとの関連付けは解消されます。 従ってform要素指示子の影響は構文解析の直後に限定されます (といっても構文解析は innerHTML などでいつでも発生し得ます)。 form要素指示子がなかった場合との違いが生じるのは、 form 要素が終了タグ無しで閉じられた後に続くフォーム制御子が、 form 要素の子孫でもないのに関連付けられる場合だけです。

仕様書

• [76] Web Applications 1.0
  • [77] http://www.whatwg.org/specs/web-apps/current-work/complete.html#form-owner

属性値

[79] form 内容属性の属性値は、同じ文書の form 要素の ID でなければなりません >>77。

フォームの決定

[49] 利用者エージェントは、フォーム制御子や fieldset 要素に関連付けるフォームを次のように決定しなければなりません WF2 2.8:

1. form 属性があれば、 それに従います。
2. 直近の先祖である form 要素か、 form 属性がある fieldset 要素があれば、 そのフォームとします。
3. なければ、どのフォームにも関連付けないとします。

フォーム操作との関係

[50] 提出ボタン (submit) や画像 (image) は、 関連付けられた最初のフォームのみを提出しなければなりません。 WF2 2.8

[51] 再設定ボタン (reset) は、関連付けられたすべてのフォームを再設定しなければなりません。 WF2 2.8

誤り処理

[52] 文書中に複数現れる ID が form に指定された時に選択されるフォームは、 getElementById メソッドと同じものとしなければなりません。 WF2 2.8

[53] form 属性値中に同じフォームを複数回指定してはなりません。 利用者エージェントは、その場合、 最初の指定を除き、無視しなければなりません。 WF2 2.8

例

[54]

<table>
 <thead>
  <tr>
   <th>Name</th>
   <th>Value</th>
   <th>Action</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>
    <form id="edit1" action="/edit" method="post">
     <input type="hidden" name="id" value="1"/>
     <input type="text" name="name" value="First Row"/>
    </form>
   </td>
   <td>
    <input form="edit1" type="text" name="value"/>
   </td>
   <td>
    <input form="edit1" type="submit" name="Edit"/>
   </td>
  </tr>
  <tr>
   <td>
    <form id="edit2" action="/edit" method="post">
     <input type="hidden" name="id" value="2"/>
     <input type="text" name="name" value="Second Row"/>
    </form>
   </td>
   <td>
    <input form="edit2" type="text" name="value"/>
   </td>
   <td>
    <input form="edit2" type="submit" name="Edit"/>
   </td>
  </tr>
 </tbody>
</table>

列ごとに別のフォームになっています。 WF2 2.8 [tbody]] の内容モデルの定義から、 Web Forms 1.0 ではこのように表とフォームを組合せることができませんでした。

[55]

<form action="test.cgi">
 <input type="text" name="q" form="fg fy">
 <input type="submit" name="t" value="Test">
</form>
<form id="fg" action="google.cgi"><input type="submit" value="Google"></form>
<form id="fy" action="yahoo.cgi"><input type="submit" value="Yahoo"></form>

テキスト欄は2つのフォームに関連付けられています。 また、フォームが3つあり、それぞれが提出ボタンを持っています。 WF2 2.8

Google と Yahoo の2つのボタンは、 それぞれ別のフォーム処理エージェントに、 同じテキスト欄の内容を提出します。

最初の Test は、 Web Forms 2.0 に適合した利用者エージェントでは、 テキスト欄の内容を提出しません。 未対応の利用者エージェントはテキスト欄の内容を提出します。 これは古い利用者エージェントのための fallback として使うことができます。

Web Forms 2.0

[44] form 属性は Web Forms 2.0 で導入されました。

HTML5

[129] WF2 はその後 HTML5 (旧 Web Applications 1.0、現在の HTML Standard) に統合されました。

[70] 一瞬だけ HTML5 で legend 要素にも form 属性が追加されていましたが、すぐに削除されました。

[136] meter と progress をフォーム被関連付け可能要素の一部であるラベル付け可能要素とするために >>134 で form 属性が追加されましたが、 >>135 でラベル付け可能要素がフォーム被関連付け可能要素でなくても良いこととされ、 form 属性も削除されました。

[130] HTML5 ではフォーム所有者の概念の詳細や構文解析との相互関係が歴史上はじめて明文化されました。

[140] HTML Speech Incubator Group Final Report ( (2011-12-05 17:46:22 +09:00 版)) http://www.w3.org/2005/Incubator/htmlspeech/XGR-htmlspeech-20111206/#dfn-form

[16] 13549 – 4.10.18 associating form elements with forms that do not contain them can cause navigation problems for AT and keyboard users (2016-03-05 18:47:49 +09:00 版) https://www.w3.org/Bugs/Public/show_bug.cgi?id=13549

[25] Editorial: synchronize with the DOM Standard · whatwg/html@21c6ec7 (2016-03-20 18:13:39 +09:00 版) https://github.com/whatwg/html/commit/21c6ec77594eb89b836d4872222f5916910967fd

[26] Remove <label form> and redefine label.form IDL attribute ( (zcorpan著, 2016-04-28 22:48:52 +09:00)) https://github.com/whatwg/html/commit/99f0f1ae017523276ea4dd5784ec63a23a23834d

[27] Web Forms 2.0 ( (2014-03-06 04:51:55 +09:00)) https://whatwg.org/specs/web-forms/current-work/#formAttribute

[12] Make forms work in shadow trees ( (annevk著, 2016-05-12 00:45:25 +09:00)) https://github.com/whatwg/html/commit/927fda0f305452a9c54a25d3ebf9a6ed5ae29fd3

[68] Clarify label.form IDL attribute ( (zcorpan著, 2016-05-26 01:47:30 +09:00)) https://github.com/whatwg/html/commit/7894cba1f9f46064969f8e0f46a90e3c8d4dbad5

[69] Be more precise about nested and discarded browsing contexts (domenic著, 2016-07-20 22:58:49 +09:00) https://github.com/whatwg/html/commit/39118df640ad4a3f03f164fb5ffe0a56316297be

[73] Remove <keygen> (domenic著, 2017-01-14 07:03:02 +09:00) https://github.com/whatwg/html/commit/5baa38720f6e83c94a50018c4565808ad548d69c

[74] Track HTML parser form-associated elements with a flag (annevk著, 2017-08-19 16:02:48 +09:00) https://github.com/whatwg/html/commit/384c30c56d6dfd26dfbd3a5024ae10e7f7134483

[29] 28800 – Should 'reset form owner' be invoked on form-associated elements with no form owner when they are inserted into a subtree that is NOT IN the Document? (2017-08-25 23:14:36 +09:00) https://www.w3.org/Bugs/Public/show_bug.cgi?id=28800

[67] "reset the form owner" is not quite right · Issue #2863 · whatwg/html (2017-08-25 23:15:08 +09:00) https://github.com/whatwg/html/issues/2863

[86] Track HTML parser form-associated elements with a flag by annevk · Pull Request #2874 · whatwg/html (2017-08-25 23:15:48 +09:00) https://github.com/whatwg/html/pull/2874

[90] Add the autocapitalize attribute (rlanday著, 2017-12-16 08:17:00 +09:00) https://github.com/whatwg/html/commit/f1f0af83e320f14a59dc4e552ee82aab7908f00c

[91] Drop IMG element from form-associated elements · Issue #294 · whatwg/html (2018-04-15 21:42:14 +09:00) https://github.com/whatwg/html/issues/294