我知道你不应该在<table>
- <label>
内设置<table>
标签,因为for
是流量内容。但是,我尝试将表格连接到单选按钮,为此我使用<table>
- 属性作为标签,但我无法将<label>
置于其中display: block
没有收到错误。
我的问题是:如果标签使用<label>
,是否可以在标签内放置表格,或者解决此问题的唯一方法是使用JavaScript并同时删除<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>
<br />
<br />
<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>
- 标记?
JSFiddle:https://jsfiddle.net/fgjtsp45/1/
{{1}}