菜单
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

HTML <label> 标签


示例

三个带有标签的单选按钮

<form action="/action_page.php">
  <input type="radio" id="html" name="fav_language" value="HTML">
  <label for="html">HTML</label><br>
  <input type="radio" id="css" name="fav_language" value="CSS">
  <label for="css">CSS</label><br>
  <input type="radio" id="javascript" name="fav_language" value="JavaScript">
  <label for="javascript">JavaScript</label><br><br>
  <input type="submit" value="提交">
</form>
自己动手试一试 »

定义和用法

<label> 标签定义了多个元素的标签

正确使用上述元素的标签将有利于

  • 屏幕阅读器用户(当用户聚焦于某个元素时,屏幕阅读器会大声朗读该标签)
  • 难以点击非常小区域(例如复选框)的用户——因为当用户点击 <label> 元素中的文本时,它会切换输入(这增加了点击区域)。 

提示和注释

提示:<label> 的 for 属性必须等于相关元素的 id 属性才能将它们绑定在一起。 通过将元素放在 <label> 元素内部,也可以将标签绑定到元素。 


浏览器支持

元素
<label>


属性

Attribute 描述
for element_id 指定标签应绑定到的表单元素的 id
form form_id 指定标签所属的表单

全局属性

<label> 标签也支持 HTML 中的全局属性


事件属性

<label> 标签也支持 HTML 中的事件属性


相关页面

HTML DOM 参考: Label 对象


默认 CSS 设置

大多数浏览器将 <label> 元素显示为以下默认值

示例

label {
  cursor: default;
}
自己动手试一试 »


×

联系销售

如果您想将 W3Schools 服务用于教育机构、团队或企业,请发送电子邮件给我们
sales@w3schools.com

报告错误

如果您想报告错误,或想提出建议,请发送电子邮件给我们
help@w3schools.com

W3Schools 经过优化,旨在方便学习和培训。示例可能经过简化,以提高阅读和学习体验。教程、参考资料和示例会不断审查,以避免错误,但我们无法保证所有内容的完全正确性。使用 W3Schools 即表示您已阅读并接受我们的使用条款Cookie 和隐私政策

版权所有 1999-2024 Refsnes Data。保留所有权利。W3Schools 由 W3.CSS 提供支持