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

小编典典

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

all

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

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

阅读 174

2022-03-11

共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>

还要注意：

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

资源

2022-03-11