查看了一下W3C:

<label>标签你理解了吗?

常用for属性用法(W3C):

<label>标签你理解了吗?

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

<label>标签你理解了吗?

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

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

如下图所示

<label>标签你理解了吗?

html代码:

<label>标签你理解了吗?

js代码

<label>标签你理解了吗?

相关文章:

  • 2021-06-13
  • 2021-07-31
  • 2021-07-05
  • 2021-07-06
  • 2021-07-09
  • 2022-12-23
  • 2022-12-23
  • 2021-09-12
猜你喜欢
  • 2022-12-23
  • 2021-07-03
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案