内部のHTMLタグ<label>

Question

ページには、左側のセルのチェックボックスと右側のセルの説明で構成される表があります。 「説明」には、h4ヘッダーとプレーンテキストが含まれます。その説明全体（<td></td>のすべてのもの）をラベルにしたいと思います。

だから、それぞれの行は次のようになります。しかしこれは動作しません

<tr><td><input type="checkbox" name="entiries[]" value="i1" id="i1"></td> 
<td><label for="i1"> 
<h4>Some stuff</h4>more stuff.. 
<h4>Some stuff</h4>more stuff.. 
</label> 
</td></tr> 

、テキストがラベルのように行動しないと、クリック可能ではありません。 Firefox 3.6を使ってテストしています。 <h4>タグを削除すると作業が始まりますが、フォーマットが複雑になります。 <label>が正しく機能しないようにする<h*>タグについて何かありますか？

Answer 1

ブロックレベルの要素（h4）は、インライン要素内では使用できず、未定義の動作が発生します。代わりにspan要素を使用できます。

Answer 2

inline elements（他のラベル要素を除く）のみがラベル要素内に表示されます。

<!ELEMENT LABEL - - (%inline;)* -(LABEL) -- form field label text --> 

からhttp://www.w3.org/TR/html4/interact/forms.html#h-17.9.1

とにかくそこに見出しをつけても意味がありません。

Answer 3

HTMLの<label>要素はインラインレベルの要素であり、ブロックレベル要素を含むことはできません。

これはおそらくあなたの問題の原因です。あるいは、あなたのラベルを<h4>の中に入れることができます：

<tr><td><input type="checkbox" name="entiries[]" value="i1" id="i1"></td> 
<td>< 
<h4><label for="i1">Some stuff</label></h4>more stuff.. 
<h4><label for="i1">Some stuff</label></h4>more stuff.. 
</label> 
</td></tr>