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

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>