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

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

技术教程推荐

推荐系统三十六式 -〔刑无刀〕

机器学习40讲 -〔王天一〕

程序员进阶攻略 -〔胡峰〕

从0开始学大数据 -〔李智慧〕

性能优化高手课 -〔尉刚强〕

说透芯片 -〔邵巍〕

React Hooks 核心原理与实战 -〔王沛〕

朱涛 · Kotlin编程第一课 -〔朱涛〕

云计算的必修小课 -〔吕蕴偲〕

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