html label标签的使用教程

编辑：rootadmin

在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="#">按ALT+1到文本框</font> </LABEL> <INPUT TYPE="text" NAME="TXT1" VALUE="阿会楠" SIZE="" TABINDEX="1" ID="oCtrlID"> 演示： html label作用名字: 按ALT+1到文本框 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

推荐整理分享html label标签的使用教程，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助，希望把文章链接给更多的朋友！

使用CSS不用程序实现文字自动截断用省略号代替 .test{width:px;height:px;border:1pxsolidred;padding:px;overflow:hidden;/*不显示超过对象宽度的内容*/text-overflow:ellipsis;/*当对象内文本溢出时显示省略标记（...）*/w

CSS hack实现 CSS完美兼容IE6/IE7/FF的通用方法关于CSS对各个浏览器兼容已经是老生常谈的问题了,网络上的教程遍地都是.以下内容没有太多新颖,纯属个人总结,希望能对初学者有一定的帮助.一、CSSHAC

网页布局+纯CSS纵向下拉菜单 IE6/IE7兼容网页布局+纯CSS纵向下拉菜单IE6/IE7兼容网页布局+纯CSS纵向下拉菜单logobannermail第一分类XHTMLCSSPHPMySQLFireworksPhotoshopFlashIllustrator第一分类XHTMLCSSPHPMySQLFireworks