HTML如何实现RadioButton单选按钮

用HTML来实现RadioButton，需要使用input标签，其中type指定为radio，接下来的文章我们就来说一说详细的内容。

我们先来看input标签的格式

注：对于需要选中检索的值，可以利用表单的提交或使用JavaScript获取。

我们来看具体的示例

立即学习“前端免费学习笔记（深入）”；

代码如下

  
 单选按钮 元素1
 单选按钮 元素2
 单选按钮 元素3
 
 

运行结果

使用Web浏览器打开上述HTML文件时，将显示如下所示的效果。

单击以更改单选按钮的选中状态

在多个组中使用RadioButton时

代码如下

  
 
 单选项目1
 单选项目2
 单选项目3
 
 
 
 单选项目4
 单选项目5
 单选项目6
 
 
 

说明：

要将单选按钮分成多个组，请将每个组的name属性设置为不同名称。在上面的例子中，Radio 1，Radio 2，Radio 3的name属性是group 1。Radio 4，Radio 5，Radio 6的name属性是第2组。

运行结果

使用Web浏览器打开上述HTML文件时，将显示如下所示的效果。

每组都是分开的，单选按钮的选择是独立的。