label标签的作用是什么?label标签的用法

label标签

场景:常用于绑定内容与表单标签的关系,比如有个输入框,如果我想要点击输入框获得焦点,只有input情况下,我只能选中输入框,但加了label把label和input绑定在一起后,点击label也可以选中输入框这种是最常用的。

label标签的作用是什么?label标签的用法
Ø 标签名:label
Ø 使用方法①:
1. 使用label标签把内容(如:文字)包裹起来
2. 在input标签上添加id属性
3. 在label标签的for属性中设置对应的id属性值
Ø 使用方法②:
1. 直接使用label标签把内容(如:文本)和表单标签一起包裹起来
2. 需要把label标签的for属性删除即可

label标签的作用是什么?label标签的用法

 

 

主题测试文章,只做测试使用。发布者:果壳日志,转转请注明出处:https://www.xin12123.com/n/453.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022年 11月 11日 下午1:51
下一篇 2022年 11月 11日 下午2:01

相关推荐

  • input标签常用属性,input标签的type属性值

    input系列标签的基本介绍 场景:在网页中显示收集用户信息的表单效果,如:登录页、注册页 标签名:input• input标签可以通过type属性值的不同,展示不同效果   input系列标签-文本框 场景:在网页中显示输入单行文本的表单控件 type属性值:text         input系列标签-密…

    2022年 11月 11日
    00
  • html页面结构标签有哪些?html基本结构标签

    网页类似于一篇文章:每一页文章内容是有固定的结构的,如:开头、正文、落款等……网页中也是存在固定的结构的,如:整体、头部、标题、主体,网页中的固定结构是要通过特点的 HTML标签 进行描述的。 • html标签:网页的整体 • head标签:网页的头部 • body标签:网页的身体 • title标签:网页的标题

    2022年 11月 2日
    00
  • 表格的结构标签怎么设置?表格的结构标签其意义是什么

    表格的结构标签,场景:让表格的内容结构分组,突出表格的不同部分(头部、主体、底部),使语义更加清晰 表格的结构标签分别有哪些?表示什么含义?• thead:表格头部• tbody:表格主体• tfoot:表格底部Ø 表格结构标签书写在什么位置?• 表格结构标签写在table标签内部• 表格标签内部用于包裹tr标签 注意点:• 表格结构标签内部用于包裹tr标签…

    2022年 11月 11日
    00
  • 五大浏览器及其内核,浏览器内核和引擎的区别是什么

    浏览器是网页显示、运行的平台,是前端开发必备利器。前端程序员写的代码都是通过浏览器进行转换并显示的。 五大浏览器:IE浏览器、火狐浏览器(Firefox)、谷歌浏览器(Chrome)、Safari浏览器、欧朋浏览器(Opera) 浏览器市场份额  如下图:   渲染引擎(浏览器内核):浏览器中专门对代码进行解析渲染的部分 浏览器出品的公司不同,内在…

    2022年 11月 2日
    00
  • 没有语义的布局标签是什么? div和span

    没有语义的布局标签-div和span 场景:实际开发网页时会大量频繁的使用到div和span这两个没语义的布局标签Ø div标签:一行只显示一个(独占一行)Ø span标签:一行可以显示多个   常用于布局的无语义标签有哪两个?各自的特点有哪些?• div:独占一行• span:一行中可以显示多

    HTML 2022年 11月 11日
    00

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信