HTML label标签的用途是甚么

HTML中的 <label> 标签用于为表单元素提供标签文本。它通常与输入元素（如文本框、复选框、单选按钮等）关联，

以提供更好的用户体验和可访问性。

主要用处包括：

1. 表单标记：<label> 标签用于标识表单控件的名称或说明。通过将标签与相应的表单元素相关联，用户可以点击标签时

自动聚焦到该元素，并且屏幕浏览器可以正确读取标签内容。

2. 用户体验改良：使用 <label> 可以增加表单的可点击区域。当用户单击与输入元素相关联的标签时，输入元素会取得

焦点，这使得在移动装备上更容易选择输入。

3. 辅助功能支持：对使用辅助技术的用户，关联 <label> 和表单元素可以提供更好的可访问性。屏幕浏览器可以读取

出 <label> 的内容，并告知用户与之相关的输入元素的用处或类型。

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

html

<label for="username">Username:</label>

<input type="text" id="username" name="username">

在上面的示例中，for 属性指定了与 <label> 相关联的输入元素的 id，以建立它们之间的关联。这样做可使用户在

单击标签时自动聚焦到输入框，并且屏幕浏览器可以正确地读取标签文本。