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

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

技术教程推荐

技术领导力实战笔记 -〔TGO鲲鹏会〕

硅谷产品实战36讲 -〔曲晓音〕

软件测试52讲 -〔茹炳晟〕

Go语言核心36讲 -〔郝林〕

10x程序员工作法 -〔郑晔〕

iOS开发高手课 -〔戴铭〕

跟着高手学复盘 -〔张鹏〕

遗留系统现代化实战 -〔姚琪琳〕

中间件核心技术与实战 -〔丁威〕

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