Question

我正在创建一个日历，每天都有一个单选按钮，允许您选择它。我希望用户只能选择一天。我遇到的问题是我已将日历作为表格，因此每个<td>都有以下内容：

<td>
  <form>
    Mon 18
    <input type="radio" name="day" value="mon18" />
  </form>
</td>

因为所有单选按钮都不包含在一个表单元素中，所以不会发生使选择互斥的正常行为。如果我在所有标记周围创建1个表单元素，那么表格将包含在其中，这在语义上是否正确？

我的问题是否有语义上正确的解决方案？我想我可以用javascript和服务器端验证来做到这一点。

Answer 1

将表格封闭在表格中是完全合乎逻辑的，这实际上是构建基于单选按钮的基于单选按钮的日历的唯一明智方法！

以下code确实验证了：

<form>
    <table>
        <tr>
            <td><input type="radio" name="day" value="1"></td>
            <td><input type="radio" name="day" value="2"></td>
            ...
        </tr>
    </table>
</form>

当不包含在同一表单元素中时，使单选按钮互斥？

1 个答案: