htmllabel标签的使用教程_基础教程

来源：懂视网责编：小采时间：2020-11-27 18:55:13

htmllabel标签的使用教程_基础教程

htmllabel标签的使用教程_基础教程:在Dreamweaver8中，只要一加入表单或表单对象，文本框等等，就会在代码中加入一个，一直没明白这个label是做什么的，今天正好看到了解释： Label 中有两个属性是非常有用的,一个是FOR、另外一个就是ACCESSKEY了。 FOR属性功能：表示Label标签要绑定的

推荐度：

点击下载本文 文档为doc格式

导读htmllabel标签的使用教程_基础教程:在Dreamweaver8中，只要一加入表单或表单对象，文本框等等，就会在代码中加入一个，一直没明白这个label是做什么的，今天正好看到了解释： Label 中有两个属性是非常有用的,一个是FOR、另外一个就是ACCESSKEY了。 FOR属性功能：表示Label标签要绑定的

在Dreamweaver8中，只要一加入表单或表单对象，文本框等等，就会在代码中加入一个，一直没明白这个label是做什么的，今天正好看到了解释：
Label 中有两个属性是非常有用的,一个是FOR、另外一个就是ACCESSKEY了。
FOR属性
功能：表示Label标签要绑定的HTML元素，你点击这个标签的时候，所绑定的元素将获取焦点。
用法：姓名

ACCESSKEY属性：
功能：表示访问Label标签所绑定的元素的热键，当您按下热键，所绑定的元素将获取焦点。
用法：姓名
局限性：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 元素和 ACCESSKEY 属性设置文本框的焦点。

名字: 按ALT+1到文本框

演示：
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GB2312" /> <title>html label作用</title> </head> <body> <LABEL FOR="oCtrlID" ACCESSKEY="1"> 名字: <font color="#999999">按ALT+1到文本框</font> </LABEL> <INPUT TYPE="text" NAME="TXT1" VALUE="阿会楠" SIZE="20" TABINDEX="1" ID="oCtrlID"> </body> </html>
[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

htmllabel标签的使用教程_基础教程

推荐度：

点击下载本文 文档为doc格式

标签：标签使用教程

热门焦点

htmllabel标签的使用教程_基础教程

htmllabel标签的使用教程_基础教程

htmllabel标签的使用教程_基础教程

最新推荐

猜你喜欢

热门推荐