悠悠博客 关注Ajax技术与web开发

label标签有两个属性是非常有用的,一个是for、另外一个就是accesskey。

for属性

功能：表示label标签要绑定的HTML元素，点击这个标签的时候，所绑定的元素将获取焦点。

accesskey属性：

功能：表示访问label标签所绑定的元素的热键，当您按下热键，所绑定的元素将获取焦点。

注意：accessKey属性所设置的快捷键不能与浏览器的快捷键冲突，否则将优先激活浏览器的快捷键。

如下例：

<label for="oCtrlID" accesskey="1">#<span style="text-decoration:underline;">1</span>: Press Alt+1 to set focus to textbox
</label>
<input type="text" name="oCtrlID" value="binding sample 1" size="20" id="oCtrlID">

当鼠标点击“#1: Press Alt+1 to set focus to textbox”时，右边的输入框将得到焦点。
当按下Alt+1，则右边的输入框同样将得到焦点。