标签标签内的表格标签带有显示：块？

Question

我知道你不应该在 -tags<table>中包含 -tags，<label>因为它<table>是流内容。但是，我正在尝试将表格连接到单选按钮，为此我使用 -attributefor作为标签，但我无法将其放入<table>其中<label>而不出现错误。

我的问题是：如果标签使用了表格，是否可以将表格放在标签内，display: block或者解决此问题的唯一方法是使用 JavaScript 并<label>一起删除 - 标签？

JSFiddle： https: //jsfiddle.net/fgjtsp45/1/

<input type="radio" name="gender" id="1">
<label for="1" class="my-label">
      <table style="width:100%">
        <tr>
          <th>Firstname</th>
          <th>Lastname</th> 
          <th>Age</th>
        </tr>
        <tr>
          <td>Jill</td>
          <td>Smith</td> 
          <td>50</td>
        </tr>
        <tr>
          <td>Eve</td>
          <td>Jackson</td> 
          <td>94</td>
        </tr>
      </table>
</label>

<input type="radio" name="gender" id="2">
<label for="2" class="my-label">
      <table style="width:100%">
        <tr>
          <th>Firstname</th>
          <th>Lastname</th> 
          <th>Age</th>
        </tr>
        <tr>
          <td>Jill</td>
          <td>Smith</td> 
          <td>50</td>
        </tr>
        <tr>
          <td>Eve</td>
          <td>Jackson</td> 
          <td>94</td>
        </tr>
      </table>
</label>