康盲呗鼻
2016-03-20 22:19
<label>爱好</label> 和这个直接输入 爱好,有什么区别么
人家问这里加没加label有什么区别,不是问的加没加label for。。。这么多人答非所问
label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该label标签相关连的表单控件上)。http://www.imooc.com/code/3319
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 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。
摘自:http://www.w3school.com.cn/tags/tag_label.asp 你可以查看一下
w3s提供了一个例子:http://www.w3school.com.cn/tiy/t.asp?f=html_label
方便设计网站的人在后台的修改编辑
初识HTML(5)+CSS(3)-升级版
1225297 学习 · 18230 问题
相似问题