HTML如何实现RadioButton单选按钮

我们先来看input标签的格式

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

我们来看具体的示例

代码如下

  


  
    单选按钮 元素1

    单选按钮 元素2

    单选按钮 元素3

  
  

运行结果

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

    


  
    

      单选项目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文件时，将显示如下所示的效果。

以上就是HTML如何实现RadioButton单选按钮的详细内容，更多请关注 第一PHP社区 其它相关文章！