HTML label标签的用处是什么

HTML中的 <label> 标签用于为表单元素提供标签文本。它通常与输入元素（如文本框、复选框、单选按钮等）关联，以提供更好的用户体验和可访问性。

主要用途包括：

1. 表单标记：<label> 标签用于标识表单控件的名称或说明。通过将标签与相应的表单元素相关联，用户可以点击标签时自动聚焦到该元素，并且屏幕阅读器可以正确读取标签内容。

2. 用户体验改善：使用 <label> 可以增加表单的可点击区域。当用户单击与输入元素相关联的标签时，输入元素会获得焦点，这使得在移动设备上更容易选择输入。

3. 辅助功能支持：对于使用辅助技术的用户，关联 <label> 和表单元素可以提供更好的可访问性。屏幕阅读器可以读取出 <label> 的内容，并告知用户与之相关的输入元素的用途或类型。

以下是一个示例，展示了如何使用 <label> 来标记文本输入框：

<label for="username">Username:</label>
<input type="text" id="username" name="username">

在上面的示例中，for 属性指定了与 <label> 相关联的输入元素的 id，以建立它们之间的关联。这样做可以使用户在单击标签时自动聚焦到输入框，并且屏幕阅读器可以正确地读取标签文本。