label的作用

... 2025-7-10 HTML 小于 1 分钟

label 标签为 input 元素定义标注(标记),它不会向用户呈现任何特殊效果,和 span 标签类似。

但 label 标签和 span 标签最大的区别就是它为鼠标用户改进了可用性,可以关联特定的表单控件。

label 标签和特定表单控件关联之后,如果用户在 label 元素内点击文本,就会触发关联的表单控件。

就是说,当用户选择该 label 标签时,浏览器就会自动将焦点转到和 label 标签相关的表单控件上。

点击 <label> 标签文字时,实现对应控件被选择,需要对应表单控件 id 的值与 label 标签内的 for 值相同。

上次编辑于: 2025年7月10日 04:01
贡献者: HugStars