2016 - 2024

感恩一路有你

h5页面制作 HTML表单里怎么样设置单选框?

浏览量:1666 时间:2021-03-13 06:16:42 作者:admin

HTML表单里怎么样设置单选框?

对于单选窗体,这组选项的输入类型必须设置为单选并且名称值必须一致:

示例:12345678<form action=“”><input id=“fruit”type=“radio”name=“fruit”value=“apple”/><label For=“fruit”><input id=“fruit 2”type=“radio”name=“fruit”value=“banana”/>&Ltlabel for=“fruit 2”>香蕉</label><input id=“fruit 3”type=“radio”name=“fruit”value=“orange”/>&Ltlabel for=“fruit 3”> orange</label></form>

您可以搜索radio CSS之类的关键字。一般有两种方法:

①使用标签标签功能设置标签样式(背景图像或其他),隐藏收音机,根据收音机选中的状态通过JavaScript更改标签样式;

②设置外观:收音机无,并使用CSS伪元素和伪类设置radio:checked、:hover、:active、:after、where:after的样式,而不是原始radio。然而,方法2绝对兼容并且适合HTML5开发

下面的代码可以解决这个问题:<div><input type=“checkbox”id=“CB”/>我同意</div><script>window.onload文件=函数(){var cb=文档.getElementById(“cb”)断路器禁用=truesetTimeout(函数(){断路器禁用=False},30000)}</script>

单选框可用于单个项目的选择,带有一个圆形框

h5页面制作 h5平台 h5游戏

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。