-前端开发-label标签的使用

2021-10-28 约 368 字预计阅读 1 分钟

[ 前端开发 ] label标签的使用

label标签简单理解为可以绑定表单元素。label本身与某个表单绑定，当用户点击了label标签则会触发表单，也就相当于点击了表单，

给需要绑定的表单设置一个 id ，然后给 label 设置一个 for ，他们的值需要设置为一致才能实现绑定

<label for="qwe">男</label>
    <input type="text" id="qwe">

当然，他还有一种写法

<label>男<input type="text"/></label>

<label for="asd">1231</label>
    <a href="#" id="asd">我是一个a标签</a>

    <label>1231<a href="#" id="asd">我是一个a标签</a></label>

label只针对于表单绑定，其他元素没有效果