如果我们只想将 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