百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> html label标签的作用有哪些?html label标签的用途办法详解
分享文章到:

html label标签的作用有哪些?html label标签的用途办法详解

发布时间:09/01 来源:未知 浏览: 关键词:
本篇文章主要的介绍了敢于html label标签的介绍,还有html label标签的主要使用处景,最后还有关于html label标签的注释。此刻让我们来看看这篇文章吧

第一我们来看看html label标签介绍:

label标签为input元素定义标注(标志),它不会向会员显现任何非凡结果,和span标签相似。但label标签和span标签最大的不同就是它为鼠标会员改善了可用性,可以关联特定的表单控件。

label标签和特定表单控件关联之后,假如会员在label元素内点击文本,就会触发关联的表单控件。就是说,当会员选中该label标签时,阅读器就会主动将焦点转到和label标签相关的表单控件上。

html label标签的主要使用处景:

label标签常用于与checkbox或radio关联,以实现点击文字也能选中/取消checkbox或radio。如下图,点击文字和点击前面的单选框结果雷同,即加大了控件的可点击区域较大,由于点击标签或控件都将激活控件,这关于复选框和单选框特殊有用。

此刻说说html label标签有什么用:

<label> 标签为 input 元素定义标注(标志)。label 元素不会向会员显现任何非凡结果。不外,它为鼠标会员改善了可用性。假如您在 label 元素内点击文本,就会触发此控件。就是说,当会员选中该标签时,阅读器就会主动将焦点转到和标签相关的表单控件上。<label> 标签的 for 属性应当与相关元素的 id 属性雷同。实例带有两个输入字段和相关标志的简便 HTML 表单:

<form> 
<label for="male">两个人</label> 
<input type="radio" name="sex" id="male" />
<label for="female">一个人</label> 
<input type="radio" name="sex" id="female" />
</form>

这是一个单选框,就不消显示结果了。

最后,我们来看看关于html label标签的注释:

要将 LABEL 绑定到其它的控件,请将 LABEL 元素的 FOR 属性设定为与该控件的 ID 雷同。将 LABEL 绑定到控件的 NAME 属性毫无用途。但是,要提交表单,你必需为 LABEL 元素所绑定到的控件指定 NAME。

有两种办法给所指定的快速键增加下划线。LABEL 元素的 rich text 支撑可以在 ACCESSKEY 属性所指定的快速键字符两侧加上 U 元素。假如你更情愿使用样式表(CSS)来利用样式,可以将该字符包括在 SPAN 中,并设定样式为“text-decoration: underline”。

假如会员单击 LABEL,则会先触发 LABEL 上的 onclick 事件,然后触发由 htmlFor 属性所指定的控件上的 onclick 事件。按下 LABEL 设定的快速键将设定焦点但并不触发 onclick 事件。

【小编引荐】

html code标签如何换行?这篇文章让你彻底理解code短语的用途

html空格代码如何写?html空格代码的展现方式总结

以上就是html label标签的作用是啥?html label标签的用途办法详解的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有150人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板