HTML <label> 元素（标签）表示用户界面中某个元素的说明。
<label>
将一个 <label> 和一个 {{htmlelement("input")}} 元素相关联主要有这些优点：
将一个 <label> 和一个 <input> 元素匹配在一起，你需要给 <input> 一个 id 属性。而 <label> 需要一个 for 属性，其值和 <input> 的 id 一样。
<input>
id
for
另外，你也可以将 <input> 直接放在 <label> 里，此时则不需要 for 和 id 属性，因为关联已隐含存在：
<label>Do you like peas? <input type="checkbox" name="peas"> </label>
其他使用事项：
click
该元素包含 全局属性。
<label> 元素没有特别的样式考虑——结构上，<label> 是简单的行内元素，所以可使用和 {{htmlelement("span")}} 或 {{htmlelement("a")}} 元素大致相同的方式来应用样式。你也可以任意方式为 <label> 应用样式，只是不要让文本难以阅读。
<label>Click me <input type="text"></label>
{{EmbedLiveSample('简单的label', '200', '50', '')}}
<label for="username">Click me</label> <input type="text" id="username">
{{EmbedLiveSample('使用_for_属性', '200', '50', '')}}
不要在 label 元素内部放置可交互的元素，比如 {{HTMLElement("a", "anchors")}} 或 {{HTMLElement("button", "buttons")}}。这样做会让用户更难激活/触发与 label 相关联的表单输入元素。
label
<label for="tac"> <input id="tac" type="checkbox" name="terms-and-conditions"> I agree to the <a href="terms-and-conditions.html">Terms and Conditions</a> </label>
<label for="tac"> <input id="tac" type="checkbox" name="terms-and-conditions"> I agree to the Terms and Conditions </label> <p> <a href="terms-and-conditions.html">Read our Terms and Conditions</a> </p>
在一个 <label> 元素内部放置标题元素（heading elements）会干扰许多辅助技术，原因是标题通常被用于辅助导航（a navigation aid）。若标签内的文本需要做视觉上的调整，应该使用适用于 <label> 元素的 CSS 类。
若一个 表单，或表单中的一部分需要一个标题，应使用 {{HTMLElement("legend")}} 元素置于 {{HTMLElement("fieldset")}} 元素中。
<label for="your-name"> <h3>Your name</h3> <input id="your-name" name="your-name" type="text"> </label>
<label class="large-label" for="your-name"> Your name <input id="your-name" name="your-name" type="text"> </label>
若 {{HTMLElement("input")}} 元素声明了 type="button" 和有效的 value 属性，则不需要为其添加标签。添加标签可能会影响辅助技术理解这个输入按钮的语义。{{HTMLElement("button")}} 元素也一样。
type="button"
value
role
{{Compat("html.elements.label")}}
其他表单相关的元素：