如何使单选按钮文本也可单击?

2024-07-01

我有这个单选按钮(以及此后的其他一些单选按钮):

<input type="radio" name="group1" value="Milk"> Milk<br>

但是,如果我想激活单选按钮,我必须单击它,单击按钮右侧的“牛奶”一词不会激活它。我该怎么做?到目前为止,我发现的有关单选按钮的所有示例都存在相同的问题。


这里要使用label标签。

就像是:

            <label>
                <input type="radio" name="group1" value="Milk">
                Milk
            </label><br/>

标签告诉浏览器其中包含的所有内容都应被视为一个元素(就文本而言。它们不是 div)

看一下这个例子:http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_label http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_label

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使单选按钮文本也可单击? 的相关文章

  • jQuery 和 PhoneGap - 使用 HTML 或 JS 包含 HTML 文件客户端?

    我正在使用 PhoneGap 和 jQuery Mobile 创建本机 Android 应用程序 当我创建多页页面时 我不会始终包含相同的导航栏 所以我尝试包含一个 s html 但这不起作用 这是我到目前为止所尝试过的 该页面未放置在 网
  • Ionic2 圆形分段按钮

    有谁知道如何将分段按钮的 css 从方形更改为圆形 我尝试使用正常css http codeitdown com css round buttons 但当 ionic2 尝试将按钮转换为打开时 情况变得很奇怪segment activate
  • 使用JQUERY滑动切换页面

    我在 stackoverflow 上搜索以查找在我的应用程序之间滑动的代码 并找到了下面的 jquery 代码 从答案中我读到它工作正常 但是当我将它放在我的页面上时 它无法工作 JavaScript div ui page live sw
  • 伪元素:after和溢出隐藏

    我有这个标记 label required after content color red
  • SweetAlert - 更改模态宽度?

    我喜欢这个图书馆 我想用它在我的一个网页上显示一个中等响应表 但文本有点宽 我希望有一个选项可以更改我在 SweetAlert 中显示表格的页面的整体警报宽度 但我没有任何运气 表格和 HTML 看起来很棒 只是模式的信息太多了 我什至找不
  • Bootstrap 导航栏不会切换

    我对使用 Bootstrap 相当陌生 并且希望你们中的一位专业人士能够向我展示我在哪里犯了错误 我想要实现的目标 我正在使用 Bootstrap 开发一个响应式网站 我希望我的导航栏固定在顶部 并且当网页缩小到移动尺寸时 我希望我的导航栏
  • 如何使模式窗口在页面上居中?

    我正在尝试在浏览器页面中居中放置一个模式窗口 我只想将其居中 以便它能够响应所有屏幕 与位置 绝对假设你的模态是 300x300 modal width 300px height 300px position absolute left 5
  • 多个复选框 - 更改消息“如果要继续,请选中此框”

    我有一个多选复选框表单 我在其中添加了 JS 以确保访问者至少选择一个选项 div class form group options div
  • Canvas 按点绘制图像

    是否可以使用canvas drawImage但提供目标和源 x y 坐标 而不是大小 类似于Java的drawImage的工作原理 boolean Graphics drawImage Image img int dstx1 int dst
  • 为什么 IE7 不能正确地将
     块复制到剪贴板?				
    			

    我们注意到 IE7 对 Stack Overflow 上发布的代码块有奇怪的行为 例如 这个小代码块 public PageSizer string href int index HRef href PageIndex index 从IE7
  • 如何使用 css3 动画将宽度和高度设置为 100%?

    我有以下代码 HTML div div css div background tomato width 100px height 100px webkit animation animateThis 0 3s ease in webkit
  • 阻止 Firefox 在刷新后恢复先前用户输入的状态

    我有一个带有多个复选框的页面 需要表示数据库中的状态 这些复选框是 AJAX 驱动的 因此当选中一个复选框时 就会发送一个请求来更新数据库中的状态 如果他们的视图已过时 则受影响 相关复选框的视图将更新 并通知用户 并且必须重试 当我刷新时
  • 通过 JavaScript 传输事件来调用 :hover 伪类

    这是场景 您有两张图像 它们彼此堆叠在一起 最高阶的 z 索引图像负责处理点击事件 想想 Google 的 Map API 并且是透明的 而下面的图像负责视觉表示 这是一个伪 HTML CSS 表示 div visual container
  • 动态创建特定数量的输入表单元素

    我读过很多关于动态添加字段集的博客和帖子 但它们都给出了非常复杂的答案 我所要求的并没有那么复杂 我的 HTML 代码
  • 将元素粘贴到滚动上固定元素的底部?

    基本上 我想要实现的目标是让辅助导航在滚动时与主导航的底部相遇后立即粘在主导航的底部 我仍在学习 jQuery 并且我已经开始抓狂了 编辑 意识到我没有解释到目前为止我已经到了哪里 该类被添加到元素中 但是它没有固定在主标题下方 而是从视口
  • 如何禁用图像上的高亮显示

    I m trying to disable highlight on an image when I drag my mouse over an image it is highlighted Take a look 多谢 Use 用户选择
  • 如何通过PHP获取div?

    我得到一个页面使用file get contents来自远程服务器 但我想过滤该页面并从中获取一个使用 PHP 具有 text 类的 DIV 我开始于DOMDocument但我现在迷路了 有什么帮助吗 file file get conte
  • css/html:空格中断修复,现在无法正常编码?

    是的 所以我遇到的问题是 如果你输入一个没有空格的长句子 例如 eeeeeeeeeeeeeeeeeeeeeeeeee 它会自行中断 但现在我需要开始输入一些丑陋的不间断编码 例子 http jsfiddle net r3CFJ http j
  • HTML / Javascript - 通过单击父行来展开和折叠表行(子行)

    我几天来一直在尝试解决一个问题 终于明白 如 果没有帮助 我将不会成功 我想做一件我们每天在互联网上看到的常见事情 能够单击表格行以显示更多详细信息 但这里的更多细节并不意味着文本块 而是指与父行具有相同形状的子行 以下是 HTML 表格的
  • HTML5离线缓存谷歌字体API

    我正在尝试创建一个离线 HTML5 测试应用程序 并同时使用新的 google fonts api 有谁知道如何缓存远程字体 简单地将 api 调用放入缓存清单中是行不通的 我认为这是因为 api 实际上加载了其他文件 ttf eot 等

随机推荐