HTML中input文本框与label属性的关系
HTML中input文本框与label属性的关系前言一、label属性是什么？二、label属性的使用方法一方法二总结前言这篇文章的目的是为了解释我在JS常用事件里面的问题：为什么input文本框需要label属性。也可以作为HTML页面设计的一个知识点作为学习和理解，仅供参考学习。一、label属性是什么？label 标签为 input 元素定义标注（标记）。label 元素不会向用户呈现任何特
·
HTML中input文本框与label属性的关系
前言
这篇文章的目的是为了解释我在JS常用事件里面的问题：为什么input文本框需要label属性。也可以作为HTML页面设计的一个知识点作为学习和理解，仅供参考学习。
一、label属性是什么？
label 标签为 input 元素定义标注（标记）。
label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。
label 标签的 for 属性应当与相关元素的 id 属性相同。
可简单理解为label属性相当于给input文本框添加了一个绑定事件，点击绑定的内容即可跳转到input文本框中
二、label属性的使用
方法一
代码如下（示例）：
<body>
<form>
<label>
密码:
<input type="text">
</label>
</form>
</body>
方法二
代码如下（示例）：
<body>
<form>
<label for="a">密码:</label>
<input type="text" id="a">
</form>
</body>
总结
label属性并不是无用的方法，在很多的地方都十分常见，例如页面注册表单的填写、信息的填写等等，严格的讲是一种标准，也算一种优化，希望大家能够多加使用，养成良好的编码标准规范。
如果文章对你有帮助的话，请给我一个小小的点赞一波哦！每个赞和评论都是我编写文章的动力哦！
华为开发者空间，是为全球开发者打造的专属开发空间，汇聚了华为优质开发资源及工具，致力于让每一位开发者拥有一台云主机，基于华为根生态开发、创新。
更多推荐
16
0- 0
已为社区贡献4条内容
所有评论(0)