Label标签的作用和使用

Label标签通常是写在表单(form)内,它通常关联一个控件;

属性

Label标签有两个属性,一个是for,一个是 accesskey
for功能:表示这个Lable是为哪个控件服务的,Label标签要绑定了for指定HTML元素的ID或name属性,你点击这个标签的时候,所绑定的元素将获取焦点 ,点击label所包裹内容,自动指向for指定的id或name
accesskey则定义了访问这个控件的热键( 所设置的快捷键不能与浏览器的快捷键冲突,否则将优先激活浏览器的快捷键)

用法

<label for="username">姓名</label><input id="username" type="text">

<label for="username" accesskey="N">姓名</label><input id="username" type="text">



单选钮、复选框都要点击控件才能选中控件,而如果使用<label>标识就可以实现点击文字选取。

<input type="checkbox" id="a" value="haha" name="cn">
<label for="a" >haha </label>
<input type="checkbox" id="b" value="hehe" name="cm">
<label for="b" >hehe </label>

参考:

https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/label

Html中Label标记的作用和使用介绍

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容