1 2 3 4 5 |
|
以上两种方式显示结果相同，均为下图所示：
所以：label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。<label> 标签的 for 属性应当与相关元素的 id 属性相同。
上面这句话是什么意思呢？就是说，若按如下写法，当鼠标点击“请输入邮箱地址”时，效果和点击输入框是一样的（即会focus到输入框），也就是将label与相应的input绑定在一起了。
1 2 |
|
总结：以上就是本篇文的全部内容，希望能对大家的学习有所帮助。更多相关教程请访问 HTML视频教程！
相关推荐：
php公益培训视频教程
以上就是浅谈input中的name，value以及label中的for的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
input表单如何制作多行文本输入框？一篇文章教你学会使用input标签
html input标签的属性有哪些？input标签的name属性介绍
如何获取html中input标签的value的值？关于input value的用法详解
html中的label标签怎么设置高度？label标签的使用方法介绍
html如何实现表单的选择框效果？单选框与多选框的实现（代码实例）
更多相关阅读请进入《input》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
