À l'aide de la balise d'étiquette pour plusieurs lignes dans une table avec un multi-ligne de table-cell

J'ai un tableau avec des cases à cocher, et les cellules de chaque ligne de la case contiennent des informations sur ce que la case est au sujet de. J'ai donc voulu utiliser étiquette pour les lignes, mais, autant que je sache, vous ne pouvez pas utiliser étiquette entre table et td balises.

Puis j'ai fait un CSS-version de table de la même chose et cela a fonctionné correctement. J'style étiquette comme une table-row, les cellules ont été correctement aligné, et en cliquant sur eux serait de cocher/décocher la case.

Maintenant le problème: je veux la case à s'étendre sur plusieurs lignes.

http://jsfiddle.net/odraencoded/YaS5v/ - La table HTML version a l'attribut rowspan, mais je ne peux pas utiliser étiquette une seule ligne à fortiori plusieurs lignes.

<table>
  <tr>
    <td rowspan=2><input type=checkbox /></td>
    <td>...</td>
  </tr>
  <tr><td>...</td></tr>
</table>

http://jsfiddle.net/odraencoded/EKzXv/ - Le CSS version de table me permet d'utiliser étiquette mais je ne peux pas trouver un moyen de mettre le rowspan.

<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>

Est-il possible d'avoir une étiquette de l'étiquette contenant plusieurs lignes? Et l'une des cellules qu'il contient est la case à cocher entrée de l'étiquette est? Et que la case à cocher entrée de la cellule doit s'étendre sur toutes les lignes contenues par le label? De toute façon pour que?

Euh. Quoi? Pouvez-vous reformuler votre question? Jamais pensé à utiliser <TH>?
À l'aide de TH ne va pas aider. Je ne peut pas avoir une étiquette de l'étiquette de contenu par une table balise contenant plusieurs balises TR, si j'utilise la TDs ou la Sat ne changera pas. Ce que je veux, c'est une étiquette qui contient plusieurs lignes de la table, et une cellule de tableau spaning à travers ces multiples lignes avec une case à cocher.
Êtes-vous sûr de bien comprendre comment <label> œuvres? Pourriez-vous faire une maquette de ce que vous voulez? Je suis toujours dans le noir. Vous ne pouvez pas avoir un <TD> qui transcende <TR>...Qui va à l'encontre de l'ensemble des tables. Vous voulez aller à plein <DIV>.
jsfiddle.net/odraencoded/EKzXv <- exemple. En cliquant sur la case à cocher les cases des contrôles/décoche la case (si votre navigateur fonctionne avec des étiquettes qui est).
<label> utilise un attribut appelé for. Il relie les <label> avec les <input> Source

OriginalL'auteur OdraEncoded | 2012-12-15