label 标签的作用

使用 label 标签关联表单控件，提升表单可用性

问题

label 标签有什么用？

label 标签用于定义表单控件的标签文本，建立标签与表单控件之间的关联关系。当用户点击 label 时，浏览器会自动将焦点转到关联的表单控件上。

有两种使用方式：

方式一：通过 for 属性关联

<label for="Name">Number:</label>
<input type="text" name="Name" id="Name"/>

label 的 for 属性值需要与 input 的 id 属性值相同。

方式二：嵌套方式

<label>Date:<input type="text" name="B"/></label>

直接将 input 嵌套在 label 内部，无需 for 和 id 属性。