4

チェックボックスを含むテーブルがあり、各チェックボックス行のセルには、そのチェックボックスの内容に関する情報が含まれています。したがって、行にラベルを使用したかったのですが、私の知る限り、テーブルタグと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つは、ラベルの入力チェックボックスですか? 入力チェックボックスのセルは、ラベルに含まれるすべての行にまたがる必要がありますか? とにかくそのために?

4

1 に答える 1