如何在“radio”输入字段中使用“required”属性

Question

我只是想知道如何在单选按钮上以正确的方式使用新的 HTML5 输入属性“required”。是否每个单选按钮字段都需要像下面这样的属性，或者如果只有一个字段得到它就足够了吗？

 <input type="radio" name="color" value="black" required="required" />
<input type="radio" name="color" value="white" required="required" />

原文由 nerdess 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

TL;DR：为无线电组的至少一个输入设置 required 属性。

---

为所有输入设置 required 更清晰，但不是必需的（除非动态生成单选按钮）。

要对单选按钮进行分组，它们必须都具有相同的 name 值。这只允许一次选择一个并将 required 应用于整个组。

 <form>
  Select Gender:<br>

  <label>
    <input type="radio" name="gender" value="male" required>
    Male
  </label><br>

  <label>
    <input type="radio" name="gender" value="female">
    Female
  </label><br>

  <label>
    <input type="radio" name="gender" value="other">
    Other
  </label><br>

  <input type="submit">
</form>

另请注意：

为了避免混淆是否需要单选按钮组，鼓励作者在组中的所有单选按钮上指定属性。事实上，一般来说，鼓励作者首先避免使用没有任何初始检查控件的单选按钮组，因为这是用户无法返回的状态，因此通常被认为是糟糕的用户界面。

资源

原文由 Seybsen 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

我必须使用 required="required" 以及相同的名称和类型，然后验证工作正常。

 <input type="radio" name="user-radio"  id="" value="User" required="required" />

<input type="radio" name="user-radio" id="" value="Admin" />

<input type="radio" name="user-radio" id="" value="Guest" />

原文由 m k 发布，翻译遵循 CC BY-SA 4.0 许可协议