HTML的label标签

来源：互联网发布：淘宝联盟账户余额是0 编辑：程序博客网时间：2024/04/29 17:25

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。

<body><form>你对什么运动感兴趣：<br /><label for="jog" accesskey="L">慢跑</label><input type="checkbox" name="jog" id="jog" /><br /><label for="climb">登山</label><input type="checkbox" name="climb" id="climb" /><br /><label for="basketball">篮球</label><input type="checkbox" name="basketball" id="basketball" /></form></body>

意思就是当用户鼠标移到文字上时，如慢跑，点击慢跑也会选中，这就是for标签的作用！！！

0 0