失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > html单选按钮for HTML如何实现RadioButton单选按钮

html单选按钮for HTML如何实现RadioButton单选按钮

时间:2020-02-10 13:27:22

相关推荐

html单选按钮for 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文件时,将显示如下所示的效果。

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

如果觉得《html单选按钮for HTML如何实现RadioButton单选按钮》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。