作用
label标签一般用来提升用户体验性,常和input标签绑定在一起。主要实现的是,点击一段内容,定位到对应的input控件
代码
<label for="nameInput">
<span>请输入姓名</span>
</label>
<input type="text" id='nameInput'>
想要实现点击文本定位到输入框,代码中label标签包裹住点击的文本,for属性填写要指向的input控件的id(不用填写‘#’字符)。此时就可以实现点击请输入姓名,定位到对应的输入框。
另一个应用方法比如用户须知,最后是一个单选框和一段文字,文字是我已阅读并同意上述条款,实现点击文字,选中单选框,提升用户体验。