3

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

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

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

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

4

1 回答 1

6

将表格包含在表格中在语义上是完全正确的,这实际上是构建具有互斥选择的基于单选按钮的日历的唯一明智方法!

以下代码确实验证:

<form>
    <table>
        <tr>
            <td><input type="radio" name="day" value="1"></td>
            <td><input type="radio" name="day" value="2"></td>
            ...
        </tr>
    </table>
</form>
于 2012-11-08T09:36:22.307 回答