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

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

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只针对于表单绑定，其他元素没有效果