チェックボックスを含むテーブルがあり、各チェックボックス行のセルには、そのチェックボックスの内容に関する情報が含まれています。したがって、行にラベルを使用したかったのですが、私の知る限り、テーブルタグとtdタグの間でラベルを使用することはできません。
次に、同じものの CSS テーブル バージョンを作成したところ、適切に動作しました。ラベルをテーブル行としてスタイルし、セルが適切に配置され、それらをクリックするとチェックボックスがオン/オフになりました。
問題は、チェックボックスを複数の行にまたがらせたいということです。
http://jsfiddle.net/odraencoded/YaS5v/ - HTML テーブル バージョンには rowspan 属性がありますが、複数の行はおろか、単一の行でもラベルを使用できません。
<table>
<tr>
<td rowspan=2><input type=checkbox /></td>
<td>...</td>
</tr>
<tr><td>...</td></tr>
</table>
http://jsfiddle.net/odraencoded/EKzXv/ - CSS テーブル バージョンではラベルを使用できますが、行スパンを設定する方法が見つかりません。
<div style="display: table;">
<label style="display: table-row-group;">
<span style="display: table-row;">
<span style="display: table-cell;">
<input type="checkbox" />
</span>
<span...>...</span>
</span>
<span...><span...>...</span></span>
</label>
</div>
複数の行を含むラベルタグを付ける方法はありますか? それに含まれるセルの1つは、ラベルの入力チェックボックスですか? 入力チェックボックスのセルは、ラベルに含まれるすべての行にまたがる必要がありますか? とにかくそのために?