【问题标题】:Make radio buttons mutually exclusive when not contained in the same form element?当不包含在同一个表单元素中时,使单选按钮互斥吗?
【发布时间】:2012-08-03 09:03:52
【问题描述】:

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

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

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

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

【问题讨论】:

  • 这对您来说可能很明显,但您只能使用 javascript 来做到这一点。

标签: forms web-standards


【解决方案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>

【讨论】:

  • 是什么让你们相互排斥?是 name="day" 值吗?
  • 没错,在同一个表单中具有相同name 的单选按钮是互斥的。
猜你喜欢
  • 1970-01-01
  • 2021-09-14
  • 2016-03-07
  • 2011-09-24
  • 2011-05-29
  • 2021-12-14
  • 1970-01-01
  • 2011-08-24
  • 2021-08-07
相关资源
最近更新 更多