logo
HTML

label 标签的作用是什么?for 属性有什么用?

Updated Apr 14, 2026

面试回答

考察点:表单交互、可访问性


label 主要是用来提升表单的可用性和可访问性。

核心点是:
👉 点击 label 可以触发对应的 input

实现方式:

Code

<label for="username">用户名</label>
<input id="username" />

这样用户点击“用户名”也能 focus 输入框,体验更好。

对于无障碍来说,屏幕阅读器也会把 label 和 input 关联起来。