如何在 Radio 输入字段中使用“required”必需属性

如果我们只想将 required 属性用于无线电组的一个输入,则此代码适合我们。

虽然为所有输入设置 required 属性更清楚,但没有必要(如果我们不需要动态生成单选按钮)。

要将单选按钮分组,它们的 name 属性应该具有相同的值。
这允许我们一次只选择一个单选按钮并将所需的属性应用于整个组。
让我们看看这是如何完成的。

创建 HTML

  • 使用 <form> 元素。
  • 添加三个带有单选输入类型、名称和值属性的 <label> 元素。
  • 在第一个 <label> 中添加所需的属性。
  • 添加类型为“submit”的 <input>。
<form>
  Select Gender:
  <label>
    <input type="radio" name="gender" value="male" required>手册
  </label>
  <label>
    <input type="radio" name="gender" value="female">女
  </label>
  
  <input type="submit">
</form>

将 required 属性与 radio 输入字段一起使用的示例:

<!DOCTYPE html>
<html>
  <head>
    <title>文档的标题</title>
  </head>
  <body>
    <form action="/form/submit" method="GET">
      Select Gender:
      <label>
        <input type="radio" name="gender" value="male" required>手册
      </label>
      <label>
        <input type="radio" name="gender" value="female">女
      </label>
      
      <input type="submit">
    </form>
  </body>
</html>
日期:2020-06-02 22:15:13 来源:oir作者:oir