HTML 中的 <label>属性

首页 / HTML入门教程 / HTML 中的 <label>属性

HTML <label>标签用于将标签添加到text,textarea域等表单控件。

label示例

<!DOCTYPE html>
<html>

   <head>
      <title>HTML label Tag</title>
   </head>

   <body>
      <label for="email">EMAIL-ID:<br /> 
         <input type="email" value="" name="emailid"
         size="30" placeholder="Enter a valid email address">
         <br />
         <br />
         
      <label for="phone">PHONE NO:<br /> 
         <input type="text" value="" name="phno"
         size="30" maxlength="10" placeholder="Enter a valid phone number"
         pattern="[0-9]{10}">
         <br />
         <br />
   </body>

</html>

这将产生以下结果-

全局属性

此标签支持- HTML 中所述的所有全局属性。

特定属性

HTML <label>标签还支持以下附加属性-

Attribute Value 描述
formhtml-5 form_id 它指定标签所属的一种或多种形式
for control id 指定此标签用于的输入控件。该值必须与输入控件的“ id”属性中的值相同。

事件属性

此标签支持- HTML 中所述的所有事件属性。

浏览器支持

Chrome Firefox IE Opera Safari Android
Yes Yes Yes Yes Yes Yes

祝学习愉快!(内容编辑有误?请选中要编辑内容 -> 右键 -> 修改 -> 提交!)

技术教程推荐

从0开发一款iOS App -〔朱德权〕

.NET Core开发实战 -〔肖伟宇〕

NLP实战高手课 -〔王然〕

SRE实战手册 -〔赵成〕

攻克视频技术 -〔李江〕

Spring Cloud 微服务项目实战 -〔姚秋辰(姚半仙)〕

零基础GPT应用入门课 -〔林健(键盘)〕

LangChain 实战课 -〔黄佳〕

程序员职业规划手册 -〔雪梅〕

好记忆不如烂笔头。留下您的足迹吧 :)