资讯专栏INFORMATION COLUMN

HMTL label标签

xcc3641 / 1013人阅读

摘要:就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。标签常用于与或关联,以实现点击文字也能选中取消或。需要注意的是,属性的值必须是与标签在同一文档中的可标记表单元素的,注意是而不是。

label标签和特定表单控件关联之后,如果用户在 label 元素内点击文本,就会触发关联的表单控件。就是说,当用户选择该label标签时,浏览器就会自动将焦点转到和label标签相关的表单控件上。

label标签常用于与checkbox或radio关联,以实现点击文字也能选中/取消checkbox或radio。

label标签的关联方式主要有两种,显示关联隐式关联

显示关联:

显式关联是通过label标签的for属性,显式与另一个表单控件关联。需要注意的是,for属性的值必须是与label标签在同一文档中的可标记表单元素的id,注意是id而不是name。如:

"checkbox"  id="test"/>

隐式关联:

隐式关联是直接将表单控件放到label标签内,这种情况下,label标签只能包含一个表单元素,包含多个只对第一个有效。如下:

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/1678.html

相关文章

  • 标签语义化

    摘要:主要总结标签语义化方面的内容。的标签都是有语义的。为什么要使用语义化标签由于很强大,无论有没有按照语义选择标签,都可以实现需要的设计。如何确定你的标签是否语义良好去掉样式,看网页结构是否组织良好有序,是否仍然有良好的可读性。 主要总结标签语义化方面的内容。 HTML的标签都是有语义的。 下面列出一些常见的标签及其语义: showImg(https://segmentfault.co...

    darkbaby123 评论0 收藏0
  • 课时8.HTML作用(掌握)

    摘要:什么是其实是的缩写,超文本标记语言如何重命名文件点击右键重命名点击首先利用记事本保存了一个标题和两段描述,然后修改纯文本文件的扩展名为然后再利用浏览器打开打开之后发现显示的格式不对,不对的原因是在纯文本文件中所有文字都是同级别的,浏览器不知什么是HTML? HTML其实是HyperText Markup Language的缩写,超文本标记语言 如何重命名文件? 点击右键重命名 点击F2 ...

    Jason 评论0 收藏0
  • 探究React-Router的本质

    摘要:我认为应该弹窗的。我这样的假设是什么观察结果现象点击页面上的标签承载的数据时,并没有执行函数。研究原先假设浏览器界面的更改,必定导致虚拟重新建立,必然导致更新,更新,就会更新。 此文章,缘起,点击路由标签时,发现在渲染之前的组件,打印日志没有出来,但组件以及渲染了。 import React from react; import { BrowserRouter as Router, R...

    cgspine 评论0 收藏0
  • 前端工程师的知识体系

    摘要:目前只有和有这个概率。是快速开发应用程序的前端工具包。调试工具前端的调试工具很多,比如,核心的的。前端流程部署,和现在几乎是前端最流行的自动化的项目构建工具正则表达式浏览器插件开发浏览器原理沟通能力优秀 下图是前端工程师图解:showImg(http://upload-images.jianshu.io/upload_images/1807893-de7c7404345922b6.jp...

    itvincent 评论0 收藏0
  • 前端工程师的知识体系

    摘要:目前只有和有这个概率。是快速开发应用程序的前端工具包。调试工具前端的调试工具很多,比如,核心的的。前端流程部署,和现在几乎是前端最流行的自动化的项目构建工具正则表达式浏览器插件开发浏览器原理沟通能力优秀 下图是前端工程师图解:showImg(http://upload-images.jianshu.io/upload_images/1807893-de7c7404345922b6.jp...

    microcosm1994 评论0 收藏0

发表评论

0条评论

xcc3641

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<