Label标签的作用和使用

Label标签通常是写在表单（form）内，它通常关联一个控件;

属性

Label标签有两个属性，一个是for，一个是 accesskey。
for功能：表示这个Lable是为哪个控件服务的，Label标签要绑定了for指定HTML元素的ID或name属性，你点击这个标签的时候，所绑定的元素将获取焦点 ，点击label所包裹内容，自动指向for指定的id或name
accesskey则定义了访问这个控件的热键( 所设置的快捷键不能与浏览器的快捷键冲突，否则将优先激活浏览器的快捷键)

用法

<label for="username">姓名</label><input id="username" type="text">

<label for="username" accesskey＝"N">姓名</label><input id="username" type="text">

单选钮、复选框都要点击控件才能选中控件，而如果使用<label>标识就可以实现点击文字选取。

<input type="checkbox" id="a" value="haha" name="cn">
<label for="a" >haha </label>
<input type="checkbox" id="b" value="hehe" name="cm">
<label for="b" >hehe </label>

参考：

https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/label

Html中Label标记的作用和使用介绍