<label>
元素用于为表单控件定义标注(label),以便提高可访问性。当用户单击标签时,它就会自动将焦点转移到和标签相关联的控件上。这可以帮助那些使用辅助技术(如屏幕阅读器)的用户更容易地使用表单。
<label>
元素的 for
属性用于将标签与表单控件关联。该属性的值应该与相应控件的 id
属性值相同。
示例代码:
<label for="username">用户名:</label>
<input type="text" id="username" name="username">
在上面的示例中,标签和输入框之间建立了联系,当用户单击标签时,输入框会获得焦点。
值得注意的是,即使没有使用 <label>
元素,使用 aria-label
或 aria-labelledby
属性也可以为表单控件提供标注。但是,使用 <label>
元素可以提高可访问性,使得表单更易于使用和理解。
推荐阅读:HTML <label>
标签