HTML中的 label 标签：一个不起眼却有点小作用的标签

标签为 input 元素定义标注（标记）

作用是为鼠标用户改进了可用性，当用户点击标签中的文本时，浏览器就会自动将焦点转到和该标签相关联的控件上；

① label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。

②注： 标签的 for 属性值应当与相关元素的 id 属性值相同。

③ 也就是说，当我们label的for属性值和相关表单元素的 id 属性值相同的时候，两者就融为了一体，label 中的文本此时就是 input 属于的内容，我们点击这个文本，也就自动聚焦在input上。
例如：label 标签在单选按钮和复选按钮上经常被使用，使用该标签后，你点击单选按钮或复选按钮的文本也是可以选中的。

个人心得：
我自己理解的这个标签的存在是为了弥补空标签元素 input 在一些内容的书写上的不方便，比如我们写一个用户名的输入框，直接在label里写上用户名的文字提示。

以前没有怎么接触过这个标签，在书写网页的时候，调整两个input标题的位置对齐上浪费了很多时间。使用padding属性，标签可以简单的实现 input 的位置调整。

使用示例：

<form>
  <label for="male">Male</label>
  <input type="radio" name="sex" id="male" />
  <label for="female">Female</label>
  <input type="radio" name="sex" id="female" />
</form>