时间:2021-05-28
在Dreamweaver8中,只要一加入表单或表单对象,文本框等等,就会在代码中加入一个<label></label>,一直没明白这个label是做什么的,今天正好看到了解释:
Label中有两个属性是非常有用的,一个是FOR、另外一个就是ACCESSKEY了。
FOR属性
功能:表示Label标签要绑定的HTML元素,你点击这个标签的时候,所绑定的元素将获取焦点。
用法:<LabelFOR="InputBox">姓名</Label><inputID="InputBox"type="text">
ACCESSKEY属性:
功能:表示访问Label标签所绑定的元素的热键,当您按下热键,所绑定的元素将获取焦点。
用法:<LabelFOR="InputBox"ACCESSKEY="N">姓名</Label><inputID="InputBox"type="text">
局限性:accessKey属性所设置的快捷键不能与浏览器的快捷键冲突,否则将优先激活浏览器的快捷键。
注释
要将LABEL绑定到其它的控件,请将LABEL元素的FOR属性设置为与该控件的ID相同。将LABEL绑定到控件的NAME属性毫无用处。但是,要提交表单,你必须为LABEL元素所绑定到的控件指定NAME。
有两种方法给所指定的快捷键添加下划线。LABEL元素的richtext支持可以在ACCESSKEY属性所指定的快捷键字符两侧加上U元素。如果你更愿意使用样式表(CSS)来应用样式,可以将该字符包含在SPAN中,并设置样式为“text-decoration:underline”。
如果用户单击LABEL,则会先触发LABEL上的onclick事件,然后触发由htmlFor属性所指定的控件上的onclick事件。按下LABEL设定的快捷键将设置焦点但并不触发onclick事件。
需要注意的地方:
1、标签不允许嵌套。
2、此元素在InternetExplorer4.0及以上版本的HTML和脚本中可用。
3、此元素是内嵌元素。
4、此元素需要关闭标签。
元素示例代码
下面的例子使用了LABEL元素和ACCESSKEY属性设置文本框的焦点。
<LABELFOR="oCtrlID"ACCESSKEY="1">
<SPANstyle="text-decoration:underline;">名字</SPAN>:<fontcolor="#999999">按ALT+1到文本框</font>
</LABEL>
<INPUTTYPE="text"NAME="TXT1"VALUE="阿会楠"SIZE="20"TABINDEX="1"ID="oCtrlID">
演示:
html label作用 名字: 按ALT+1到文本框 [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
使用Form生成html标签的时候,虽然提供了widget的方法可以自定义标签的要是,但是只能给生成的input标签添加样式,对于生成的label标签无法添加样
使用LABEL对象HTML4.0规范引入了LABEL对象,您可以使用它来将文本与其他任何HTML对象或内部控件相关联。无论用户单击LABEL或者HTML对象,链
1实现效果2知识点讲解2.1标签在html中,标签通常和标签一起使用,标签为input元素定义标注(标记)。label元素不会向用户呈现任何特殊效果,标签的作用
最近在做东西时候使用到了label标签,由于之前很少使用label标签,所以就遇到一个很奇怪的问题。什么问题呢?下面来看一个效果HTMLlabeltag学习by
Kotlin基础教程之Run,标签Label,函数Function-Type在Java中可以使用{}建立一个匿名的代码块,代码块会被正常的执行,除了改变了作用域