lable标签的妙用

最近在设计网页时，只要一加入表单或表单对象，文本框等等，就会在代码中加入一个<label></label>，一直没明白这个label是做什么的，今天正好看到了解释： Label 中有两个属性是非常有用的,一个是FOR、另外一个就是ACCESSKEY了。
FOR属性
   功能：表示Label标签要绑定的HTML元素，你点击这个标签的时候，所绑定的元素将获取焦点。
   用法：<Label FOR="InputBox">姓名</Label><input ID="InputBox" type="text">
ACCESSKEY属性：
   功能：表示访问Label标签所绑定的元素的热键，当您按下热键，所绑定的元素将获取焦点。
   用法：<Label FOR="InputBox" ACCESSKEY＝"N">姓名</Label><input ID="InputBox" type="text">
局限性：accessKey属性所设置的快捷键不能与浏览器的快捷键冲突，否则将优先激活浏览器的快捷键。
注释
要将 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 事件。

转载于:https://www.cnblogs.com/hello-web/p/7105035.html

lable标签的妙用相关推荐

lable标签的用途
lable标签的用途:为iput输入框元素定义标注: label 元素不会向用户呈现任何特殊效果.不过,它为鼠标用户改进了可用性.如果您在 label 元素内点击文本,就会触发此控件.就是说,当用户选 ...
解决Android Studio默认AppTheme 没有lable标签，不显示等问题
解决Android Studio默认AppTheme 没有lable标签,不显示等问题参考文章: (1)解决Android Studio默认AppTheme 没有lable标签,不显示等问题 (2) ...
关于lable/lable标签的理解
学完HTML和CSS,再去学习bootstrap的时候,在关于表格样式的时候,常常会看到<lable></lable>,然而在HTML中,给人的感觉好像是没有什么用,因为它好像 ...
javascript --- [jsonp] script标签的妙用(绕过同源限制)
1. 同源 1.1 什么是同源协议.域名.端口号相同 1.2 为什么有同源政策同源政策是为了保护用户信息的安全,放置恶意的网站窃取数据.最初的同源政策是指A网站再客户端设置的Cookie,B网站是 ...
HTML lable标签
一.HTML < label> 定义与用法 < label> 标签为 input 元素定义标注(标记) label 元素不会向用户呈现任何特殊效果.若在 label 元素内点击 ...
lable标签的宽度_html中的label标签怎么设置高度？label标签的使用方法介绍
本篇文章主要的介绍的是关于HTML中的label标签设置高度的方法.还有关于HTML label标签的使用方法介绍.下面就让我们一起来看这篇关于html label标签的文章吧首先我们先来看看在ht ...
Bootstrap 内联标签和徽章，lable标签
bootstarp 经常使用 bage ,它可以有不同颜色的 <div class="container"> <div class="row&q ...
android lable标签,android:label说明
文章目录 1. 说明 android:label 用于app 在切换activity的时候,自动更换左上角的显示 2. 代码架构 3. String.xml 字符串资源文件 My Applicatio ...
lable、ul、ol、dl和table、fieldset标签
lable标签有时候,我们希望点击文件的时候,鼠标的光标自动跳到输出框中.这需要使用lable功能 <div><label for="name2">姓名: ...

lable标签的妙用

lable标签的妙用相关推荐

最新文章

热门文章