首页 > web前端 > css教程 > 正文

css中的单选怎么做

醉折花枝作酒筹
发布: 2023-01-07 11:45:39
原创
5136 人浏览过

在css中,可以使用radio对象制作单选,只需要在input元素中设置“”样式即可。单选按钮是表示一组互斥选项按钮中的一个;当一个按钮被选中,之前选中的按钮就变为非选中的。

css中的单选怎么做

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

一、单选按钮控件语法

<input name="Fruit" type="radio" value="" />
登录后复制

使用html input标签,name为自定义,type类型为“radio”的表单,

Radio 对象代表 HTML 表单中的单选按钮。

在 HTML 表单中 每出现一次,一个 Radio 对象就会被创建。

单选按钮是表示一组互斥选项按钮中的一个。当一个按钮被选中,之前选中的按钮就变为非选中的。

当单选按钮被选中或不选中时,该按钮就会触发 onclick 事件句柄。

您可通过遍历表单的 elements[] 数组来访问 Radio 对象,或者通过使用 document.getElementById()。

二、radio单选按钮语法案例

html代码



  
    
    
    
    Document
  
  
    
您最喜欢水果?

登录后复制

截图

GIF.gif

推荐学习:css视频教程

以上是css中的单选怎么做的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板