关键字: label
html label作用
在Dreamweaver8中,只要一加入表单或表单对象,文本框等等,就会在代码中加入一个<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 事件。
需要注意的地方:
1、标签不允许嵌套。
2、此元素在Internet Explorer 4.0 及以上版本的 HTML 和脚本中可用。
3、此元素是内嵌元素。
4、此元素需要关闭标签。
分享到:
相关推荐
label 元素不会向用户呈现任何特殊效果 label把事件转移到相关元素上面 for 属性规定 label 与那个元素绑定绑定事件
Label里显示html
拖拽label.html
html label标签的使用教程
注意:此控件用于基本文本格式(例如,粗体,斜体,超链接...您可以像Xamarin.Forms ContentPage上的任何其他控件一样使用HtmlLabel 。 使用平台的本机文本格式设置方法, Text属性的值将呈现为HTML。 XAML示例 <
包含leaflet开发地图所需的框架和插件,比如leaflet.label.js,leaflet.label-src.js,example中可以运行label.html,可修改为加载本地离线的瓦片地图 实现的功能有: 显示标记的矩形框,点,线 移动标记以确认...
cocos2dx实现的 HTML label, 和cocos2dx 实现的 checkboxgroup (scrollview)
HTML源码-【自用】label文本查找+标记
cytoscape-node-html-label描述此扩展提供了为Cytoscape节点添加标签的功能。 简单的例子: cyInstance.nodeHtmlLabel( [{ tpl: d => '<div>' + d + '</div>' }] ); 演示: : 特征针对具有大量节点的高性能进行了...
Combit List and Label企业26描述 这可以在简单的设计中向您展示一次报告,然后可以格式化导出和... Combit List and Label Enterprise软件还可以支持输出格式,如PDF, HTML / XHTML, EXCEL, XML, XPS, DOCS, PPTX。
标签的的显示与隐藏,本例只使用了label标签,可自行更换需要的标签,只要是元素节点,添加id属性就可以.标签的的显示与隐藏,本例只使用了label标签,可自行更换需要的标签,只要是元素节点,添加id属性就可以.
echarts 图形数据调用 html 调用案例,适合新手学习,调用
一款生动有趣的input输入框,当然,它只支持高...2、调用jquery.label_better插件 3、将input输入框复制到你需要的地方即可搞定 当然,最后还是希望不要有js或者css冲突,如果有,那懒人们就要自己根据实际情况查查了
响应式Web开发项目教程(HTML5+CSS3+Bootstrap)第2版 第4章 HTML5表单的应用 例4-4 label
Label mx 是恒佑科技推出的一款简单易用的专业条码标签设计系统。集画图设计、条码生成、...http://www.labelmx.com/Products/Label/200807/2.html 如有什么技术问题,可咨询。。。 TEL:0371-67998681 QQ:31005692
该组件的完整集合称为Telerik DevCraft, HTML组件称为Kendo UI, Telerik平台是用于所有移动设备的通用术语。 这个伟大的工具提供了一个完整的体验,并为您带来所需的功能,以交付响应UI现代应用程序。 它允许您通过...
第14周-16章节-Python3.5-html的body内标签之fieldset标签和label标签.avi
ssd1 exercise3的答案 <label>Receiver City/Zip </label> <hr> <p>shupping category <label> Domestic</label> ... <label> ... International</label> ... <label> ... </label> ...</html>
top:2px 代码如下: var factorName = new Ext.form.Label({ id : ‘factorName’, fieldLabel : ‘要素名称’, style:”position:relative;top:2px;”, text : simpleGrid.getItems(‘factorName’), anchor : ‘100...
原HTML代码: <label><input type=checkbox id=chk_sqjc value=申请检查 name=menu class=cbr cbr-blue>申请检查</label> $(input:checkbox[name='menu']).each(function (index, element) { $(this...