html中的label标签
来源:互联网 发布:淘宝客服的重要性 编辑:程序博客网 时间:2024/03/29 13:13
在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 元素和 ACCESSKEY 属性设置文本框的焦点。
<LABEL FOR="oCtrlID" ACCESSKEY="1">
<SPAN style="text-decoration:underline;">名字</SPAN>: <font color="#999999">按ALT+1到文本框</font>
</LABEL>
<INPUT TYPE="text" NAME="TXT1" VALUE="阿会楠" SIZE="20" TABINDEX="1" ID="oCtrlID">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
演示
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
<title>html label作用</title>
</head>
<body>
<LABEL FOR="oCtrlID" ACCESSKEY="1">
<SPAN style="text-decoration:underline;">名字</SPAN>: <font color="#999999">按ALT+1到文本框</font>
</LABEL>
<INPUT TYPE="text" NAME="TXT1" VALUE="阿会楠" SIZE="20" TABINDEX="1" ID="oCtrlID">
</body>
</html>
- html中的label标签
- HTML中的<label>标签
- Html中的label标签
- HTML:form表单中的label标签
- 【Html】form表单中的label标签
- html中的<label>标签有什么用?
- HTML label 标签
- HTML <label> 标签
- HTML Label标签
- HTML的label标签
- HTML <label> 标签
- html 之<label>标签
- html <label>标签
- html-label标签
- HTML中label标签
- html标签label元素
- HTML label标签介绍
- HTML-label标签
- SVN 基本操作
- 图书商流系统简介
- VC中使用系统托盘
- PHP安装
- 不要过度迷信小型机
- html中的label标签
- 解决memcache连接奇慢问题一例
- 程序员兼职创收的新方法 - 依托平台开发应用
- HTML 静态页面制作遇到问题
- 精挑细选九句电影台词彻底搞定面试官
- 盛大独创游戏式管理,员工可给自己加薪
- Head First C# 中文版 图文皆译 第六章 继承 page245(244页是填词游戏,跳过)
- 组织一支 山寨 软件开发团队
- 分布式系统的十大误区