查看了一下W3C:

<label>标签你理解了吗?

常用for属性用法(W3C):

<label>标签你理解了吗?

也就是说,可以通过包裹表单的方式使得点击对应的label使得对应的表单聚焦:
这里有显示和隐式两种,但是要注意的是,如果使用隐式,必须里面只有一个对应的表单元素,如果有多个
如下图所示,则点击包裹的非表单元素时只有第一个表单元素会聚焦

<label>标签你理解了吗?

如下图所示,点击输入值aa只有表单bb会聚焦
<label>标签你理解了吗?

在项目开发过程中用于常用于美化表单元素

如下图所示

<label>标签你理解了吗?

html代码:

<label>标签你理解了吗?

js代码

<label>标签你理解了吗?