HTML如何实现RadioButton单选按钮

我们先来看input标签的格式

 input id= (id) name= (组名称) type= radio /input 

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

我们来看具体的示例

代码如下

 !DOCTYPE html  html  head  meta http-equiv= Content-Type content= text/html; charset=utf-8 /  title /title  /head  body  form name= form1 action=  input id= Radio1 name= RadioGroup1 type= radio / label for= Radio1 单选按钮 元素1 /label br/  input id= Radio2 name= RadioGroup1 type= radio / label for= Radio2 单选按钮 元素2 /label br /  input id= Radio3 name= RadioGroup1 type= radio / label for= Radio3 单选按钮 元素3 /label br /  /form  div id= output /div  /body  /html 

运行结果

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

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

在多个组中使用RadioButton时

代码如下

 !DOCTYPE html  html  head  meta http-equiv= Content-Type content= text/html; charset=utf-8 /  title /title  /head  body  form name= form1 action=  div >
说明：
要将单选按钮分成多个组，请将每个组的name属性设置为不同名称。在上面的例子中，Radio 1，Radio 2，Radio 3的name属性是group 1。Radio 4，Radio 5，Radio 6的name属性是第2组。
运行结果
使用Web浏览器打开上述HTML文件时，将显示如下所示的效果。
每组都是分开的，单选按钮的选择是独立的。
以上就是HTML如何实现RadioButton单选按钮的详细内容，html教程        
郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。