使用HTML表单,您可以轻松地接受用户输入。<form>标记用于通过添加表单元素来获取用户输入。不同类型的表单元素包括文本输入,单选按钮输入,提交按钮等。
让我们学习如何使用HTML表单中的单选按钮来获取用户输入。单选按钮用于许多选项时;只需要选择一个选项。它们也使用HTML <input>标记创建,并且type属性设置为 radio。
这是单选按钮的属性-
序号 | 属性和说明 |
1 | type 指示输入控件的类型,对于复选框输入控件,它将设置为radio。 |
2 | 名称 用于为控件指定名称,该名称将被发送到服务器以进行识别并获取值。 |
3 | value 如果选择了单选框,将使用的值。 |
4 | 检查 组对检查 ,如果你想在默认情况下,将其选中。 |
您可以尝试运行以下代码以了解如何使用HTML中的单选按钮-
<!DOCTYPE html> <html> <body> <head> <title>HTML Radio Button</title> </head> <p>Gender</p> <form> <input type="radio" name="gender" value="male">Male <br> <input type="radio" name="gender" value="female">Female </form> </body> </html>