<label>标签你理解了吗？

查看了一下W3C：

常用for属性用法（W3C）：

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

如下图所示，点击输入值aa只有表单bb会聚焦

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

如下图所示

html代码：

js代码