TA的每日心情 | 开心 2021-3-12 23:18 |
---|
签到天数: 2 天 [LV.1]初来乍到
|
在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,则会先触发 label 上的 onclick 事件,然后触发由 htmlFor 属性所指定的控件上的 onclick 事件。按下 label 设定的快捷键将设置焦点但并不触发 onclick 事件。
需要注意的地方:
1、标签不允许嵌套。
2、此元素在Internet Explorer 4.0 及以上版本的 HTML 和脚本中可用。
3、此元素是内嵌元素。
4、此元素需要关闭标签。 |
|