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

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

技术教程推荐

人工智能基础课 -〔王天一〕

Spring Boot与Kubernetes云原生微服务实践 -〔杨波〕

MongoDB高手课 -〔唐建法(TJ)〕

Java业务开发常见错误100例 -〔朱晔〕

Vim 实用技巧必知必会 -〔吴咏炜〕

Python自动化办公实战课 -〔尹会生〕

基于人因的用户体验设计课 -〔刘石〕

流程型组织15讲 -〔蒋伟良〕

现代React Web开发实战 -〔宋一玮〕

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