<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body><section><h1>label 要素型 (HTML, XHTML 1)</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="4" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[4]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">HTML</anchor> の <dfn><code class="HTMLe">label</code> 要素</dfn>は、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">制御子</anchor>に情報を添付するために使うことができます。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="19" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[19]</anchor-end> 仕様書:<ul><li><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">HTML 4</anchor> (<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Web Forms 1.0</anchor>)<ul><li><cite>17.9 Labels</cite>
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="IW" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="HTML4:&quot;interact/forms.html#form-labels&quot;">IW:HTML4:&quot;interact/forms.html#form-labels&quot;</anchor-external></li><li><cite>18.2.3 Intrinsic events</cite>
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="IW" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="HTML4:&quot;interact/scripts.html#idx-control&quot;">IW:HTML4:&quot;interact/scripts.html#idx-control&quot;</anchor-external></li></ul></li><li><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">XHTML 1.0</anchor>
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://www.w3.org/TR/xhtml1/#prohibitions">http://www.w3.org/TR/xhtml1/#prohibitions</anchor-external></li><li><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Web Forms 2.0</anchor><ul><li><csection xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:" xml:lang="en">2.3. Changes to existing controls</csection>
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="IW" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="WF2:&quot;#changes&quot;">IW:WF2:&quot;#changes&quot;</anchor-external></li><li><csection xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:" xml:lang="en">2.18. Handling unexpected elements and values</csection>
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="IW" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="WF2:&quot;#handling&quot;">IW:WF2:&quot;#handling&quot;</anchor-external></li></ul></li></ul></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="20" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[20]</anchor-end><dl><dt><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">開始タグ</anchor></dt><dd>必須</dd><dt><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">終了タグ</anchor></dt><dd>必須</dd><dt>出現できる文脈</dt><dd><code class="SGML">%<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">formctrl</anchor></code> な文脈</dd><dt><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">内容模型</anchor></dt><dd><code class="SGML">(%<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">inline</anchor>)* −<code class="HTMLe">label</code></code></dd><dt><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">属性</anchor></dt><dd><table><tbody><tr><td>属性名</td><td>属性値</td><td>既定値</td><td>説明</td><td>出典</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">accesskey</anchor></code></td><td><code class="SGML">%<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Character</anchor></code></td><td></td><td></td><td>[HTML 4]</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">class</anchor></code></td><td></td><td>(なし)</td><td><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">級</anchor></td><td>[HTML 4] %<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">coreattrs</anchor> ⊂ %<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">attrs</anchor>, [XHTML 1] <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Core</anchor> ⊂ <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Common</anchor></td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">dir</anchor></code></td><td></td><td></td><td><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">書字方向</anchor></td><td>[HTML 4] %<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">i18n</anchor> ⊂ %attrs, [XHTML 1] <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">I18N</anchor> ⊂ Common</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">for</anchor></code></td><td><code class="SGML"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">IDREF</anchor></code></td><td></td><td>対象制御子</td><td>[HTML 4]</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">id</anchor></code></td><td><code class="SGML"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">ID</anchor></code></td><td>(なし)</td><td>一意識別子</td><td>[HTML 4] %coreattrs ⊂ %attrs, [XHTML 1] Core ⊂ Common</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">lang</anchor></code></td><td></td><td></td><td><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">自然言語</anchor></td><td>[HTML 4] %i18n ⊂ %attrs</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">xml</anchor>:lang</code></td><td></td><td></td><td>自然言語</td><td>[XHTML 1] I18N ⊂ Common</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">onblur</anchor></code></td><td><code class="SGML">%<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Script</anchor></code></td><td>(なし)</td><td>失焦点時</td><td>[HTML 4]</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">onclick</anchor></code></td><td><code class="SGML">%<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Script</anchor></code></td><td>(なし)</td><td></td><td>[HTML 4] %<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">events</anchor> ⊂ %attrs, [XHTML 1] <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Events</anchor> ⊂ Common</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">ondblclick</anchor></code></td><td><code class="SGML">%<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Script</anchor></code></td><td>(なし)</td><td></td><td>[HTML 4] %events ⊂ %attrs, [XHTML 1] Events ⊂ Common</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">onfocus</anchor></code></td><td><code class="SGML">%<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Script</anchor></code></td><td>(なし)</td><td>得焦点時</td><td>[HTML 4]</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">onkeydown</anchor></code></td><td><code class="SGML">%<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Script</anchor></code></td><td>(なし)</td><td></td><td>[HTML 4] %events ⊂ %attrs, [XHTML 1] Events ⊂ Common</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">onkeypress</anchor></code></td><td><code class="SGML">%<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Script</anchor></code></td><td>(なし)</td><td></td><td>[HTML 4] %events ⊂ %attrs, [XHTML 1] Events ⊂ Common</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">onkeyup</anchor></code></td><td><code class="SGML">%<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Script</anchor></code></td><td>(なし)</td><td></td><td>[HTML 4] %events ⊂ %attrs, [XHTML 1] Events ⊂ Common</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">onmousedown</anchor></code></td><td><code class="SGML">%<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Script</anchor></code></td><td>(なし)</td><td></td><td>[HTML 4] %events ⊂ %attrs, [XHTML 1] Events ⊂ Common</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">onmousemove</anchor></code></td><td><code class="SGML">%<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Script</anchor></code></td><td>(なし)</td><td></td><td>[HTML 4] %events ⊂ %attrs, [XHTML 1] Events ⊂ Common</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">onmouseout</anchor></code></td><td><code class="SGML">%<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Script</anchor></code></td><td>(なし)</td><td></td><td>[HTML 4] %events ⊂ %attrs, [XHTML 1] Events ⊂ Common</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">onmouseover</anchor></code></td><td><code class="SGML">%<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Script</anchor></code></td><td>(なし)</td><td></td><td>[HTML 4] %events ⊂ %attrs, [XHTML 1] Events ⊂ Common</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">onmouseup</anchor></code></td><td><code class="SGML">%<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Script</anchor></code></td><td>(なし)</td><td></td><td>[HTML 4] %events ⊂ %attrs, [XHTML 1] Events ⊂ Common</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">selected</anchor></code></td><td>(真偽値属性)</td><td>(偽)</td><td>初期選択</td><td>[HTML 4]</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">style</anchor></code></td><td></td><td></td><td>スタイル情報</td><td>[HTML 4] %coreattrs ⊂ %attrs, [XHTML 1] <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Style</anchor> ⊂ Common</td></tr><tr><td><code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">title</anchor></code></td><td></td><td></td><td>注釈的題</td><td>[HTML 4] %coreattrs ⊂ %attrs, [XHTML 1] Core ⊂ Common</td></tr></tbody></table></dd></dl></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="33" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[33]</anchor-end>
HTML 4 DTD <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">注釈</anchor> (参考) には
<q>form field label text</q> と説明があります。</p><section><h1>内容</h1><section><h1>構文解析(HTML)</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="41" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[41]</anchor-end>
通常、 <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">HTML</anchor> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">文書</anchor>の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">構文解析</anchor>では、
<code class="HTMLe" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">label</anchor></code> の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">開始タグ</anchor>は、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">開いている</anchor> <code class="HTMLe" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">label</anchor></code>
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">要素</anchor>を閉じます。
<src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:" xml:lang="en">WF2 2.18</src></p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section><section><h1>メモ</h1><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section></section><section><h1>フォーム</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="21" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[21]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">制御子</anchor>には、押しボタン系のように自動的に関連付けられた<ruby>名札<rt>ラベル</rt></ruby>
(<dfn><rubyb xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">暗示的<rt xmlns="http://www.w3.org/1999/xhtml">implicit</rt></rubyb>名札</dfn>) を持つものと、
そうでないもの (文章入力欄、チェック箱、ラジオボタン、メニュー) があります。
暗示的名札を持つものでは UA はその名札を使うべきですが、
それ以外の制御子では <code class="HTMLe">label</code> 要素を使って著者が名札を指定できます。
<src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">HTML 4 17.9</src></p><p>ところで、ファイル選択制御子 (<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:"><code xmlns="http://www.w3.org/1999/xhtml" class="HTMLe">input</code>//<code xmlns="http://www.w3.org/1999/xhtml" class="HTML">file</code></anchor>) や物体制御子
(<code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">object</anchor></code>) などはどうなのでしょうかね?
暗示的名札は持たないように見えますが、 HTML 4 の<q>そうでないもの</q>
は <q>etc.</q> などと書かれておらず、例示ではないように読めますが・・・。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="22" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[22]</anchor-end> <code class="HTMLe">label</code> 要素は、丁度1つのフォーム制御子と関連付けます。<ul><li>陽に関連付けるには、 <code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">for</anchor></code> 属性を使います。
(この方法を使うと、複数の <code class="HTMLe">label</code> を同じ制御子に関連付けることができます。)</li><li>陰に関連付けるには、制御子要素を <code class="HTMLe">label</code> 要素の中に入れます。
1つの <code class="HTMLe">label</code> に入れることができるのは、1つの制御子要素だけです。
名札自体は制御子の前後どこにあっても構いません。</li></ul></p><p><src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">HTML 4 17.9.1</src></p><p>陰な方で前後両方にあっても構わないとは書かれていませんけど、どうなのでしょう。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="39" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[39]</anchor-end> <strong>複数の制御子</strong></p><p><code class="HTMLa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">for</anchor></code> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">内容属性</anchor>がなく、
<code class="HTMLe" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">label</anchor></code> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">要素</anchor>内に複数の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">フォーム制御子</anchor>が存在する場合、
<code class="DOMa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">control</anchor></code> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">DOM属性</anchor>は<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">文書順</anchor>で最初の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">フォーム制御子</anchor>を返す値と<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:"><strong xmlns="http://www.w3.org/1999/xhtml">しなければなりません</strong></anchor>。
<code class="HTMLe" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">label</anchor></code> を<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">活性化</anchor>した場合、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">文書順</anchor>で最初の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">フォーム制御子</anchor>を<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">活性化</anchor>または<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">焦点</anchor>を送信<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:"><strong xmlns="http://www.w3.org/1999/xhtml">しなければなりません</strong></anchor>。
<src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:" xml:lang="en">WF2 2.18</src></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="40" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[40]</anchor-end> <strong><code class="HTMLe" xml:lang="en">label</code> の入れ子</strong></p><p><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">利用者エージェント</anchor>は、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">事象</anchor>を処理する際、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">対象節点</anchor>から<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">泡立ち</anchor>して上っていって最初の
<code class="HTMLe" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">label</anchor></code> にとって適当な<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">既定動作</anchor>をその<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">事象</anchor>の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">既定動作</anchor>と<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:"><strong xmlns="http://www.w3.org/1999/xhtml">しなければなりません</strong></anchor>。
<src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:" xml:lang="en">WF2 2.18</src></p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section><section><h1>出現する文脈</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="30" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[30]</anchor-end> <code class="HTMLe">label</code> は、フォーム外でも使えます <src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">HTML 4 18.2.3</src>。
詳しくは<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">制御子</anchor>の説明をごらんください。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="31" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[31]</anchor-end> <code class="HTMLe">label</code> は、なんとなく、対象となる制御子と同じフォーム
(または同じくフォーム外) に入れるものと思われていると感じますが、
少なくても HTML 4 仕様書には、そのような制限はありません。
ですから、他のフォームの制御子を参照してもかまわないはずです。</p><p>もっとも、一般にはそのような利用の仕方は利用者の混乱を招くだけでしょう。
役に立つことはあまりないと思われます。しかし、フォーム外の
<code class="HTMLe">label</code> からフォーム内へのリンクは、若干の需要はあるかもしれません。
(表の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">こま</anchor>内に配置する場合など。)</p><p>しかし、このような場合に、 <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">DOM</anchor> の <code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">form</anchor></code>
属性を使ったスクリプト等が意図していない動作をするかもしれませんから、
一応注意は必要でしょう。</p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section><section><h1>内容</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="8" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[8]</anchor-end> <code class="HTMLe">label</code> 要素の子孫に <code class="HTMLe">label</code> 要素は存在できません
<src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">HTML 4, XHTML 1.0</src>。</p><p>また、定義上 (<anchor-internal xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="22" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">&gt;&gt;22</anchor-internal>)、制御子要素も高々1つしか入れることができません。
また、関連付けることのできる制御子は丁度1つなので、 <code class="HTMLa">for</code> 
属性を使う時は子孫に制御子要素を入れることができないはずです。
逆に <code class="HTMLa">for</code> 属性を使わない時は1つ制御子を入れなければなりません。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="34" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[34]</anchor-end>
HTML 4 DTD の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">注釈</anchor> (参考) には
<q>Each label must not contain more than ONE field</q>
と説明があります。
(<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">名無しさん</anchor> [sage])</p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section><section><h1>レンダリング</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="23" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[23]</anchor-end> <code class="HTMLe">label</code> が<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">焦点</anchor>を受取ったら、
関連付けられた制御子に焦点を渡します。 <src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">HTML 4 17.9.1</src></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="24" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[24]</anchor-end> 名札は色々にレンダリングして構いません。 例:<ul><li>視覚的に <src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">HTML 4 17.9</src></li><li>発話合成器で読上げ <src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">HTML 4 17.9</src></li><li>文字色・背景色を他と変えて</li><li>太字で</li><li>対応する制御子が焦点を持っているときには普段と別な表示で
(色を変えたり、枠線をつけたり)</li></ul></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="38" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[38]</anchor-end> <strong>挙動に関する利用者エージェントへの制約</strong></p><p><code class="HTMLe" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">label</anchor></code> の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">既定</anchor>の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">表現</anchor>と<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">動作</anchor>は、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">利用者エージェント</anchor>の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">環境</anchor>のものと一致<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:"><strong xmlns="http://www.w3.org/1999/xhtml">するべきです</strong></anchor>。
<src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:" xml:lang="en">WF2 2.3</src></p><comment-p xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">
例えば、<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">チェック箱</anchor>の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">名札</anchor>を<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">かちっ</anchor>するとチェック状態が変化する環境では、
<code xmlns="http://www.w3.org/1999/xhtml" class="HTMLe" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">label</anchor></code> を<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">かちっ</anchor>すると、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">チェック箱</anchor>において<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">事象</anchor> <code xmlns="http://www.w3.org/1999/xhtml" class="DOMe" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">click</anchor></code>
が放たれるべきです。
<src xml:lang="en">WF2 2.3</src></comment-p><p>ただし、 <code class="HTMLe" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">label</anchor></code>
内の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">フォーム制御子</anchor>や<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">リンク</anchor>など<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">対話的要素</anchor>を<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">対象</anchor>とする<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">事象</anchor>は、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">名札</anchor>自体が<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">取扱い</anchor><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:"><strong xmlns="http://www.w3.org/1999/xhtml">してはなりません</strong></anchor>。
<src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:" xml:lang="en">WF2 2.3</src></p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section><section><h1>実装</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="25" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[25]</anchor-end> <anchor-internal xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="21" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">&gt;&gt;21</anchor-internal> を厳密に解釈すると、押しボタンに <code class="HTMLe">label</code>
は使えないはずですが、実際の UA や文書では使える・使っていることがしばしばあります。
そのような UA の中には、名札が押されるとボタン自体が押されたのと同じことになるものがあります。
そのような動作は、見た目がボタン状でないものを押すだけでボタンが押されてしまうという、
利用者がおそらく意図していない結果になるので、好ましくありません。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="26" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[26]</anchor-end> 多くの視覚 UA では、チェック箱やラジオ・ボタンの名札をマウスで<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">かちっ</anchor>すると、
その項目が選択された状態となります。</p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section><section><h1>可用性とアクセス可能性</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="28" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[28]</anchor-end> チェック箱やラジオ・ボタンでは、 <code class="HTMLe">label</code>
要素が存在することが使いやすさのために特に重要です。
多くの視覚 UA では、チェック箱やラジオ・ボタンは、
1文字分程度の大きさの記号によって表示され、
その記号をマウスで<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">かちっ</anchor>することで「入」・「切」
を切替えることができます。</p><p>しかし、その1文字程度の大きさにマウスを合わせることは面倒であり、
状況によっては困難です。ですから、 <anchor-internal xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="26" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">&gt;&gt;26</anchor-internal> のような実装がなされていると、
多くの GUI 環境の一般的なチェック箱やラジオ・ボタンの実装と同様に、
記号のみならず説明文を<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">かちっ</anchor>することで状態を切替えられます。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="29" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[29]</anchor-end> 名札として<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">ハイパーリンク</anchor>や任意の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">物体</anchor>を配置することは仕様上は禁止されていません。
しかし、多くの UA で、名札を選択する動作とリンクをたどる操作などに同じ
<q>マウスのかちっ</q>が割当てられています。ですから、
利用者にとって意図せぬ動作をしたり、操作しづらくなったりする可能性があります。</p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section><section><h1>安全性</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="32" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[32]</anchor-end> 使用上は曖昧ですが、利用者エージェントによっては、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">ハイパーリンク</anchor>や<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">ボタン</anchor>に <code class="HTMLe">label</code> 
を指定しても著者の意図した通りに機能します。しかも、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">焦点</anchor>が向けられるのみならず<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">活性化</anchor>されてしまうこともあります。</p><p>例えば、次の例を考えてみてください。<pre class="example deprecated HTML">&lt;<code class="HTMLe">p</code>&gt;&lt;<code class="HTMLe">label</code> <code class="HTMLa">for</code>=&quot;ANCHOR&quot;&gt;いいことがあります。&lt;/<code class="HTMLe">label</code>&gt;&lt;/<code class="HTMLe">p</code>&gt;
&lt;<code class="HTMLe">p</code>&gt;&lt;<code class="HTMLe">a</code> <code class="HTMLa">href</code>=&quot;something-bad&quot; <code class="HTMLa">id</code>=&quot;ANCHOR&quot;&gt;わるいことがあります。&lt;/<code class="HTMLe">a</code>&gt;&lt;/<code class="HTMLe">p</code>&gt;</pre></p><p>先述のような利用者エージェントでは、<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">利用者</anchor>が<q>いいこと</q>を期待して
<code class="HTMLe">label</code> を活性化すると、実際には<q>わるいこと</q>が起こってしまいます。
<weak xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">(もちろんこの例は説明のためのものであり、実際にはいくらでもわかりにくく危険にできます。)</weak></p><p>この問題は利用者エージェントが <code class="HTMLe">label</code>
の活性化によって参照先まで活性化しないように実装をかえれば解決します。
それでも <code class="HTMLe">a</code> の <code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">onfocus</anchor></code> 
に<q>わるいこと</q>を仕込むのは可能ですが、これは <code class="HTMLe">label</code>
の問題というよりは<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">スクリプト</anchor>を使うことそのものによる問題といえます。</p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section><section><h1>例</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="5" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[5]</anchor-end> 例えば、<samp>名前: __________</samp>
という form 断片があったとすると、このうちの
「名前: 」の部分が <code class="HTMLe">label</code> 要素となります。</p><pre class="HTML">&lt;label for=&quot;NAME&quot;&gt;名前: &lt;/label&gt;&lt;input type=&quot;text&quot; name=&quot;name&quot; id=&quot;NAME&quot; /&gt;</pre><p>(または、 「______」の部分 (<code class="HTMLe">input</code> 要素。)
も含めて <code class="HTMLe">label</code> 要素としても構いません。</p><pre class="HTML">&lt;label&gt;名前: &lt;input type=&quot;text&quot; name=&quot;name&quot; /&gt;&lt;/label&gt;</pre><p>)</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="37" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[37]</anchor-end>
<code class="HTMLe" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">img</anchor></code> を指す例<pre class="HTML invalid example code">&lt;A accesskey=&quot;n&quot;
					HREF=&quot;connected_wizard.htm&quot;
					TABINDEX=&quot;32&quot;
					&gt;
					&lt;LABEL for=&quot;next&quot; STYLE=&quot;visibility:hidden&quot;&gt;次へ&lt;/LABEL
					&gt;&lt;IMG SRC=&quot;bluearrow.gif&quot; HEIGHT=&quot;13&quot; WIDTH=&quot;13&quot; BORDER=&quot;0&quot; ID=&quot;next&quot; ALT=&quot;次へ&quot; &gt;&lt;/A&gt;</pre></p><comment-p xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">出典: <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Windows XP</anchor> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">日本語版</anchor>の <code xmlns="http://www.w3.org/1999/xhtml" class="file" xml:lang="en">C:\windows\help\Tours\htmlTour\connected_networks.htm</code></comment-p></section><section><h1>歴史</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="16" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[16]</anchor-end> <cite>Design Issues for HTML Forms</cite>, <time>1999-02-04T17:41:10.000Z</time>, <time>2024-08-25T03:32:27.452Z</time> <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://www.w3.org/TR/WD-forms-960308.html">https://www.w3.org/TR/WD-forms-960308.html</anchor-external></p><figure class="data"><figcaption><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="216" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[216]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">HTML要素概説</anchor></figcaption><dl><dt><f xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">要素名</f></dt><dd><code>label</code></dd><dt>日付</dt><dd><time>1996-03-08</time></dd><dt>説明</dt><dd>
<time>1996-03-08</time>付の <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">W3C</anchor> 文書で、
<code>label</code>
が提案されていた。</dd><dt>出典</dt><dd><refs xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:"><ul xmlns="http://www.w3.org/1999/xhtml"><li>
<cite>Design Issues for HTML Forms</cite>, 
<data itemprop="author"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">W3C</anchor></data>,
<data itemprop="status"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Working Draft</anchor></data>,
<time itemprop="published">08-Mar-96<attrvalue xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">1996-03-08</attrvalue></time>,
<time>1999-02-04T17:41:10.000Z</time>, <time>2024-08-25T03:33:02.026Z</time> <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://www.w3.org/TR/WD-forms-960308.html">https://www.w3.org/TR/WD-forms-960308.html</anchor-external></li></ul></refs></dd></dl></figure><figure class="data"><figcaption><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="27" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[27]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">HTML要素概説</anchor></figcaption><dl><dt><f xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">要素名</f></dt><dd><code>label</code></dd><dt>日付</dt><dd><time>1996-07-10</time></dd><dt>説明</dt><dd>
<time>1996-07-10</time>版 <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Cougar</anchor> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">DTD</anchor> に、
<code>label</code>
がある。
<src xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">HTML4-19960710</src></dd></dl></figure></section><section><h1>メモ</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="6" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[6]</anchor-end> <anchor-internal xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="5" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">&gt;&gt;5</anchor-internal> 後半  いまふと思ったんですけど、この2つの書き方って常に可能なんでしょうか? 
構文的には多分問題ないですけど、意味的に。たとえば <anchor-internal xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="5" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">&gt;&gt;5</anchor-internal> の例だと、入力欄の部分まで
<q>ラベル</q>としてマーク付けすることの妥当性が疑問だなと。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="7" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[7]</anchor-end> <anchor-internal xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="6" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">&gt;&gt;6</anchor-internal> かといって一々入力欄に <code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">id</anchor></code> 属性を与えるのも冗長ですよね。 
<code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">form</anchor></code> 要素内にある <code class="HTMLe">label</code> 要素だったら 
<code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">for</anchor></code> 属性の値は <code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">name</anchor></code> 属性の値を指してもいい、
とかないんでしょうか? (でも <code class="HTML"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">radio</anchor></code> で困るか。)</p></section></section><section><h1>xlink:label 属性 (XLink)</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="11" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[11]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">XLink</anchor> の <dfn><code class="XMLa"><var>xlink:</var>label</code> 属性</dfn>は、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">資源</anchor>の識別名を与えます。
この名前は、 <code class="XML"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">arc</anchor></code> 型要素で資源を指定するために使用します。 </p><p>仕様書: <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://www.w3.org/TR/xlink/#traversal-atts">http://www.w3.org/TR/xlink/#traversal-atts</anchor-external></p><p>この属性は、 <code class="XML"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">resource</anchor></code> 型または
<code class="XML"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">locator</anchor></code> 型の要素で使用できます。
この属性の値は <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">XML名前空間</anchor> (1.0) の
<code class="ABNF"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">NCName</anchor></code> です。
XLink 仕様書の <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">DTD</anchor>
例では <code class="XML"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">NMTOKEN</anchor></code> として宣言されています。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="12" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[12]</anchor-end> この属性の値は識別子ですが、一意識別子ではありません。
同じ親 <code class="XML"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">extended</anchor></code> 型要素内の別の資源要素が同じ値を持っていても構いません。</p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" ref="comment"></form></section><section><h1>hr 要素 label 属性 (HTML)</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="13" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[13]</anchor-end>
1995年5月に <code class="HTMLe"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">hr</anchor></code> に <code class="HTMLa">text</code> 属性 (新設) で罫線に加えてレンダリングする文字列を指定することが提案され、
すぐに <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Emacs/W3</anchor> で実装されました。
<code class="HTMLa"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">textalign</anchor></code> 属性 (新設) で文字列のレンダリング位置を指定します。</p><ul><li><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">ietf-html</anchor>: <em>html-wg-95q2: text in the &lt;HR&gt; tag</em> <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://ksi.cpsc.ucalgary.ca/archives/HTML-WG/html-wg-95q2.messages/0671.html">http://ksi.cpsc.ucalgary.ca/archives/HTML-WG/html-wg-95q2.messages/0671.html</anchor-external></li><li><em>Emacs-w3 User's Manual - Supported Markup Languages</em> <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://www.informatik.uni-hamburg.de/RZ/software/emacs/w3/w3_2.html#SEC6">http://www.informatik.uni-hamburg.de/RZ/software/emacs/w3/w3_2.html#SEC6</anchor-external></li></ul><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="44" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[44]</anchor-end>
<anchor-internal xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="13" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">&gt;&gt;13</anchor-internal> の <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">ietf-html</anchor> の記事で提案されたのは
<code class="HTMLa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">text</anchor></code> と <code class="HTMLa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">aligntext</anchor></code> でしたが、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Emacs/W3</anchor> の方で実装されたのは
<code class="HTMLa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">label</anchor></code> と <code class="HTMLa" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">textalign</anchor></code> のようです。</p></section><section><h1><code class="CSS" xml:lang="en">::label</code> 擬似要素</h1><section><h1>歴史</h1><section><h1>XBL2</h1><refs xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:"><ul xmlns="http://www.w3.org/1999/xhtml"><li><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="48" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[48]</anchor-end> <cite xml:lang="en-US">XBL 2.0</cite> (<time>2010-09-03 10:10:02 +09:00</time> 版) <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://dev.w3.org/2006/xbl2/Overview.html#matching-pseudo-elements">http://dev.w3.org/2006/xbl2/Overview.html#matching-pseudo-elements</anchor-external></li></ul></refs><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="49" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[49]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">XBL2</anchor> ではこの<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">擬似要素</anchor>と<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">影木</anchor>の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">要素</anchor>を関連付けることができました。</p></section></section></section><section><h1>メモ</h1><section><h1>HTML5</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="18" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[18]</anchor-end> 
<cite xml:lang="en"><strong>[</strong>ct<strong>]</strong> (0) WF2: &lt;label&gt; element summary; make &lt;label&gt; and &lt;fieldset&gt; as…</cite>, <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Hixie</anchor>, <time>2008-09-04 05:43:09 +09:00</time>, <time>2024-09-04T13:03:14.000Z</time> <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://github.com/whatwg/html/commit/62b5a0e8a5401979e39444abd25b69266a198bf8">https://github.com/whatwg/html/commit/62b5a0e8a5401979e39444abd25b69266a198bf8</anchor-external></p><figure class="data"><figcaption><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="17" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[17]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">HTML要素概説</anchor></figcaption><dl><dt><f xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">要素名</f></dt><dd><code>label</code></dd><dt>日付</dt><dd><time>2008-09-03</time></dd><dt>説明</dt><dd>
<time>2008-09-03</time>、
<cite>HTML5</cite>
に
<code>label</code>
が追加された。</dd><dt>出典</dt><dd><refs xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:"><ul xmlns="http://www.w3.org/1999/xhtml"><li>
<cite>HTML5 r2146</cite>,
<data itemprop="author"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Hixie</anchor></data>, 
<time itemprop="published">2008-09-04 05:43:09 +09:00</time>, <time>2024-09-04T13:03:14.000Z</time> <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://github.com/whatwg/html/commit/62b5a0e8a5401979e39444abd25b69266a198bf8">https://github.com/whatwg/html/commit/62b5a0e8a5401979e39444abd25b69266a198bf8</anchor-external></li></ul></refs></dd></dl></figure><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="45" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[45]</anchor-end> <cite xml:lang="en">(X)HTML5 Tracking</cite>
(<time>2010-01-11 23:33:06 +09:00</time> 版)
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://html5.org/tools/web-apps-tracker?from=4574&amp;to=4575">http://html5.org/tools/web-apps-tracker?from=4574&amp;to=4575</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="46" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[46]</anchor-end> <cite>IRC logs: freenode / #whatwg / 20100412</cite>
(<time>2010-04-26 08:15:38 +09:00</time> 版)
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://krijnhoetmer.nl/irc-logs/whatwg/20100412#l-887">http://krijnhoetmer.nl/irc-logs/whatwg/20100412#l-887</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="47" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[47]</anchor-end> <cite xml:lang="en">Web Applications 1.0 r5432   Disallow &lt;label&gt; to be used with &lt;input type=hidden&gt;.Fixing http://www.w3.org/Bugs/Public/show_bug.cgi?id=10146</cite>
( (<time>2010-09-08 08:59:00 +09:00</time> 版))
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://html5.org/tools/web-apps-tracker?from=5431&amp;to=5432">http://html5.org/tools/web-apps-tracker?from=5431&amp;to=5432</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="50" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[50]</anchor-end> <cite xml:lang="en-US">XBL 2.0</cite>
( (<time>2012-05-03 02:23:03 +09:00</time> 版))
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://dev.w3.org/2006/xbl2/Overview.html#pseudo-list">http://dev.w3.org/2006/xbl2/Overview.html#pseudo-list</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="51" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[51]</anchor-end> <cite xml:lang="en-US">XML Binding Language (XBL) 2.0</cite>
( (<time>2007-03-16 22:20:16 +09:00</time> 版))
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://www.w3.org/TR/2007/CR-xbl-20070316/#pseudo-list">http://www.w3.org/TR/2007/CR-xbl-20070316/#pseudo-list</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="52" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[52]</anchor-end> <cite xml:lang="en">Web Applications 1.0 r4531       Make &lt;progress&gt;, &lt;meter&gt;, and &lt;output&gt; labelable with &lt;label&gt;.</cite>
( (<time>2010-01-07 12:40:00 +09:00</time> 版))
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://html5.org/tools/web-apps-tracker?from=4530&amp;to=4531">http://html5.org/tools/web-apps-tracker?from=4530&amp;to=4531</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="53" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[53]</anchor-end> <cite xml:lang="en">Web Applications 1.0 r8868  Match reality: the label in &lt;option label=<em>&gt; is ignored if empty.]]
( (<time>2014-12-04 06:30:00 +09:00</time> 版))
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://html5.org/r/8868">https://html5.org/r/8868</anchor-external></em></cite></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="54" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[54]</anchor-end> <cite xml:lang="en">Web Applications 1.0 r8871  Fix mistakes resulting from earlier checkins (meta, &lt;option&gt;.label)</cite>
( (<time>2014-12-04 10:25:00 +09:00</time> 版))
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://html5.org/r/8871">https://html5.org/r/8871</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="1" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[1]</anchor-end> <cite xml:lang="en">27293 – &lt;label&gt; element content model</cite>
(<time>2015-09-07 12:58:02 +09:00</time> 版)
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://www.w3.org/Bugs/Public/show_bug.cgi?id=27293">https://www.w3.org/Bugs/Public/show_bug.cgi?id=27293</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="2" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[2]</anchor-end> <cite xml:lang="en">Remove &lt;label form&gt; and redefine label.form IDL attribute</cite>
( (<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">zcorpan</anchor>著, <time>2016-04-28 22:48:52 +09:00</time>))
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://github.com/whatwg/html/commit/99f0f1ae017523276ea4dd5784ec63a23a23834d">https://github.com/whatwg/html/commit/99f0f1ae017523276ea4dd5784ec63a23a23834d</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="3" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[3]</anchor-end> <cite xml:lang="en">Align activation behavior with changes to DOM Standard</cite>
(<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">annevk</anchor>著, <time>2016-10-21 00:06:40 +09:00</time>)
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://github.com/whatwg/html/commit/7beb920ba2e1a71246b81d86005f223a0d7ac8ab">https://github.com/whatwg/html/commit/7beb920ba2e1a71246b81d86005f223a0d7ac8ab</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="9" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[9]</anchor-end> <cite xml:lang="en">addition/proposal &lt;controlset/&gt; or &lt;formgroup/&gt; · Issue #3537 · whatwg/html</cite>
(<time>2018-03-23 02:10:53 +09:00</time>)
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://github.com/whatwg/html/issues/3537">https://github.com/whatwg/html/issues/3537</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="10" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[10]</anchor-end> <cite xml:lang="en">Explain label activation behavior + custom elements</cite>
(<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">domenic</anchor>, <time>2019-12-05 04:39:57 +09:00</time>, <time>2021-03-17T11:26:24.000Z</time>)
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://github.com/whatwg/html/commit/836294cbb6c7a9e0364293a29b308afd5eee1eba">https://github.com/whatwg/html/commit/836294cbb6c7a9e0364293a29b308afd5eee1eba</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="14" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[14]</anchor-end> <cite xml:lang="en">Activation behavior of label elements pointing to form-associated custom elements · Issue #5009 · whatwg/html</cite>
(<time>2021-03-17T11:27:14.000Z</time>)
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://github.com/whatwg/html/issues/5009">https://github.com/whatwg/html/issues/5009</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="15" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[15]</anchor-end> <cite xml:lang="en">Explain label activation behavior + custom elements by domenic · Pull Request #5021 · whatwg/html</cite>
(<time>2021-03-17T11:28:59.000Z</time>)
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://github.com/whatwg/html/pull/5021">https://github.com/whatwg/html/pull/5021</anchor-external></p></section></section></body></html>