表单元素label 复选框后边跟有文字想要实现点击文字选中复选框

Posted sq652366

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了表单元素label 复选框后边跟有文字想要实现点击文字选中复选框相关的知识,希望对你有一定的参考价值。

<label for="word">
    <input type="checkbox" id=‘word‘>
    <span id=‘word‘>hello word</span>
</label>
注意:这里input 的id与span 的id只要保持一致就可以实现该功能!

以上是关于表单元素label 复选框后边跟有文字想要实现点击文字选中复选框的主要内容,如果未能解决你的问题,请参考以下文章

利用伪元素before实现自定义checkbox样式

点击文字选中单选框或复选框

label按钮和文字对齐

webform复合控件

单选框

说说HTML5中label标签的可访问性问题——张鑫旭