分享一个关于 `<label>` 标签的用法

var me=this;2023年3月15日 00:23
## 分享一个关于 `<label>` 标签的用法 label 可以将自身接收到的 `click` 传递给与之绑定的元素,这个用处可能认真看过文档的人或老前端都会了解,但我是前不久才发现的,之前我以为它只是用于简单的信息描述。 ## label 包裹 `<input>` ```html <label> 点我这段文字就是在 toggle input<input type="checkbox" /></label> ``` <label> 点我这段文字就是在 toggle input<input type="checkbox"/></label> ## `for` 属性指代 还可以在 for 属性中指定一个 id,这样点击 label 时,就会触发对应的元素。 ```html <input type="checkbox" id="style" />
点 💅 就是 toggle input
我们之间隔着十万八千里也没关系
Lipsum
<label class="form-label" for="style"> 💅 </label> ``` <input type="checkbox" id="style" />
点 💅 就是 toggle input
我们之间隔着十万八千里也没关系
Lipsum
<label class="form-label" for="style"> 💅 </label>

评论 (1)

查看全部
var me=this;楼主2023年3月15日 00:24
对 markdown 的渲染好像有点问题 , 找时间修一下。。。