`
落地窗
  • 浏览: 439522 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

将label和radio或者checkbox整合在一起,实现单击文字选中

阅读更多
小知识点:
在网页中存在radio单选框和checkbox复选框时,他们后面都要跟文字,实现点击文字,则可以选中radio或者checkbox,只要在其后面加label,label将文字包围,指定label的for属性即可
<input type="checkbox" name="voltage" value="500" id="v1">
<label for="v1">500KV</label>
<input type="checkbox" name="voltage" value="220" id="v2">
<label for="v2">220KV</label>
<input type="checkbox" name="voltage" value="110" id="v3">
<label for="v3">110KV</label>


radio同上!
分享到:
评论

相关推荐

    js实现GridView单选效果自动设置交替行、选中行、鼠标移动行背景色

    接着,我们为行添加两个JavaScript事件处理程序:`onmouseover`和`onmouseout`,分别用于在鼠标悬停时改变背景色和在鼠标移开时恢复背景色。同时,我们还为CheckBox添加了一个`onclick`事件处理程序,用于处理单选...

    JQUERY只能选择一个多选框

    在JavaScript的世界里,jQuery是一个非常流行的库,它简化了DOM操作、事件处理和Ajax交互等任务。在HTML页面中,单选按钮(radio button)通常用于让用户从一组互斥选项中选择一个。如果需要限制用户只能选择一个...

    炫酷tab选项卡

    - 输入(Input):`&lt;input type="radio"&gt;`或`&lt;input type="checkbox"&gt;`可以用于创建隐藏的选项,控制选项卡的选中状态。通常会配合JavaScript来实现选项卡的切换。 2. CSS 设计: - 为了让选项卡看起来“炫酷”,...

    jQuery表单美化实例代码

    本文将深入探讨jQuery如何实现表单美化,以及如何对input输入框、select下拉框、复选框和单选框进行样式定制。 一、jQuery表单美化基础 jQuery通过选择器和方法可以方便地操控DOM元素,实现对表单元素的动态操作。...

    WATIR-WEBDRIVER自动化学习指导

    checkbox = browser.label(:text =&gt; 'Whatversionsofruby?').parent.checkbox(:value =&gt; '1.9.2') puts checkbox.exists? # 判断复选框是否存在 checkbox.set # 设置复选框 puts checkbox.set? # 判断复选框是否被...

    基于jquery的单选多选

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了JavaScript的DOM操作,事件处理,动画设计和Ajax交互。本项目"基于jquery的单选多选"专注于使用jQuery实现的筛选功能,其中包括单选按钮和多选框...

    2021-2022计算机二级等级考试试题及答案No.1152.docx

    在Web表单设计中,用于单一选择题的最佳选项通常是单选按钮(Radio Button)。单行文本框(Text Box)适用于输入单一文本值;复选框(Checkbox)适合于多项选择;下拉式菜单(Dropdown Menu)虽然也可以用于单一选择...

    struts2 标签库 帮助文档

    append标签:将多个集合对象拼接在一起,组成一个新的集合。将多个集合使用一个标签完成迭代。 generatot标签:将指定的字符串按照规定的分隔符分解成多个子字符串。 merge标签:将多个集合拼接在一起。 subset...

    实验1 JSP程序设计1.doc

    - 使用Servlet接收表单数据,并将其输出到页面。 - **代码示例**: **register.html** ```html &lt;!DOCTYPE html&gt; &lt;title&gt;Register Form Username: &lt;input type="text" name="username"&gt;&lt;br/&gt; ...

    计算机软件专业必备英语词汇.docx

    接下来,我们将详细解读“计算机软件专业必备英语词汇”文档中的词汇及其在计算机领域的应用。 #### 1. 文件与命令基础 - **file**:文件是计算机中存储信息的基本单位。例如,`.doc`、`.txt`等文件格式。 - **...

    HTML标签解释大全

    29. **label**: 定义表单控件的标签。 30. **legend**: 定义`&lt;fieldset&gt;`元素的标题。 31. **li**: 定义列表项。 32. **small**: 定义较小的文本。 33. **strong**: 定义重要文本。 34. **sub**: 下标文本。 35. **...

Global site tag (gtag.js) - Google Analytics