小编典典

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

html

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

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

阅读 347

收藏
2020-05-10

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

另请注意:

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

资源

2020-05-10