<label></label>标签的作用。

来源:互联网 发布:剑灵女捏脸数据导入图 编辑:程序博客网 时间:2024/05/06 05:10


<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属性所设置的快捷键不能与浏览器的快捷键冲突,否则将优先激活浏览器的快捷键。



焦点:不一定是鼠标点,用循环按TAB键让组件轮换获取焦点。“焦点”大概就是“接收键盘输入”的意思。 比如一个按钮获取了焦点,它上面有一个虚线框,这是你按下空格键就代表单击它。 一个编辑框获取了焦点,它里面有一个“|”形状的光标(输入点)。你在键盘上的敲的字符都输入到了这个编辑框里面。 一个窗口获取了焦点,它的标题栏为蓝色(激活状态的颜色)。如果它没有把焦点移交给它内部的一个组件,那么你敲键盘时,就会引发窗口的“某键被按下”事件。


要将 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 事件。

标签不允许嵌套。

原创粉丝点击