html - 标签内的按钮

标签 html css button radio-button

我有一个 label用“for="the pointer to the checkbox input"”据我所知,这个for只能为 label 添加.因此,我需要在 label 里面添加一个<button> (我需要它),但点击事件无法正常工作 - 它没有选中 for 的复选框指向。

如果我必须放置<button>,我可以在这里使用什么可能性?在label里面, 只用 html+css 编码?

一些代码例如:

<input type="checkbox" id="thecheckbox" name="thecheckbox">
<div for="thecheckbox"><button type="button">Click Me</button></div>

最佳答案

事实证明你可以做一个 <button>操作一个输入,但前提是你把 <label> <button> .

<button type="button">
  <label for="my-checkbox">Button go outside the label</label>
</button>
<input type="checkbox" id="my-checkbox">

尽管这违反了 W3C 规范:

The interactive element label must not appear as a descendant of the button element. https://www.w3.org/TR/html-markup/label.html

关于html - 标签内的按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37504383/

相关文章:

java - 如何在JavaFX的浏览器上制作按钮?

c - 是否可以在 GTK 中禁用、淡出或使对话框内的按钮不可点击?

java - 使用 Java Servlet 中的方法填充 JSP 文本区域

css - 在页面底部向左浮动 div

javascript - 页面高度等于窗口高度

html - 如何使 <meter> 标签中的文本在仪表上可见

java - 在 JSF(Richfaces) 提交上按下后退按钮时网页过期

html - Flexbox 垂直对齐包装器中的特定内容?

javascript - 如何让子 div 覆盖其在网格中的父位置?

css - 使用 css 检查单选按钮时影响 div