首页 前端知识 无涯教程-HTML - <label>属性

无涯教程-HTML - <label>属性

2024-08-07 00:08:35 前端知识 前端哥 944 61 我要收藏

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>标签还支持以下附加属性-

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

事件属性

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

浏览器支持

ChromeFirefoxIEOperaSafariAndroid
YesYesYesYesYesYes

HTML 中的 属性 - 无涯教程网无涯教程网提供HTML <label>标签用于将标签添加到text,textarea域等表单控件。 label示例 &lt...https://www.learnfk.com/html/html-label-tag.html

转载请注明出处或者链接地址:https://www.qianduange.cn//article/14931.html
标签
评论
发布的文章

安装Nodejs后,npm无法使用

2024-11-30 11:11:38

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!