如何在“无线电”输入字段中使用“必需”属性

Question

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

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

Answer 1

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>

另请注意：

为了避免对是否需要单选按钮组感到困惑，建议作者在组中的所有单选按钮上指定属性。实际上，总的来说，鼓励作者避免一开始就没有任何最初检查的控件的单选按钮组，因为这是用户无法返回的状态，因此通常被认为是较差的用户界面。

资源