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

Question

我正在制作一个日历,每天都有一个单选按钮,允许您选择它.我希望用户只能选择一天.我遇到的问题是我把日历作为一个表格,所以每个<td>都有以下内容:

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

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

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

Answer 1

将表格封装在表格中是完全在语义上正确的,这实际上是构建基于单选按钮的基于单选按钮的日历的唯一合理方式!

以下代码确实验证:

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