如何要求以 html5 形式选择单选按钮答案

【问题标题】：How to require radio button selection in html5 form如何要求以 html5 形式选择单选按钮
【发布时间】：2014-04-12 10:13:09
【问题描述】：

html 5 表单包含两个单选按钮。如何强制用户在提交表单之前选择一个单选按钮？我尝试使用 required 但没有单选按钮组，需要应用于组。

<form action="/Home/Sendtitle" method="post">
<p>
  Title*  <span>
    <span>
      <span>
        <input name="staatus" type="radio" value="Mister" autofocus>&nbsp;
        <span>Mister</span>
      </span>
      <span>
        <input name="staatus" type="radio" value="Missis">&nbsp;
        <span>Missis</span>
      </span>
    </span>
  </span>
</p>

<p>
  <input type="submit" value="Send title" >
</p>

</form>

【问题讨论】：

可能重复：stackoverflow.com/questions/8287779/…

标签： html forms validation radio-button form-submit

【解决方案1】：

使用required 属性。

<input name="staatus" type="radio" value="Missis" required>

【讨论】：

【解决方案2】：

你只需要为radiogroup的一个输入设置required-attribute，但你可以为所有设置。

<form action="/Home/Sendtitle" method="post">
<p>
  Title*  <span>
    <span>
      <span>
        <input name="staatus" type="radio" value="Mister" autofocus required>&nbsp;
        <span>Mister</span>
      </span>
      <span>
        <input name="staatus" type="radio" value="Missis">&nbsp;
        <span>Missis</span>
      </span>
    </span>
  </span>
</p>

<p>
  <input type="submit" value="Send title" >
</p>

</form>

【讨论】：

任何人都知道浏览器的当前状态仍然通过要求每个单选选项都具有 required 属性来错误地实现这一点？

【解决方案3】：

您可以将所需的属性用作解决您的问题的布尔属性。必填=“必填”

【讨论】：

删除="required" 部分。来自 HTML5 规范：“许多属性是布尔属性。元素上存在布尔属性表示真值，不存在该属性表示假值。”

【解决方案4】：

而且你可以使用一次：

<span>
    <input name="status" type="radio" value="Mister" autofocus required="required">&nbsp;
    <span>Mister</span>
  </span>
  <span>
    <input name="status" type="radio" value="Missis">&nbsp;
    <span>Missis</span>
  </span>

【讨论】：