例如课程里用的 label 元素,而我个人习惯于用Input type的 形式对文本框进行描述,那么他们有什么区别呢。而且像用户名,密码之类的直接输出也可以,用label 还多占了内存
label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该 label标签相关连的表单控件上)。
label标签可以通过id来关联相关控件
为鼠标用户改进了可用性,更好的实现语义化,如果你在 label 标签内点击文本,就会触发此控件
为了更好的实现语义化,例如浏览器自动识别用户名密码并保存,就是利用了这里的语义化
主要目的是用户体验。
form表单中的label标签
语法:<label for="控件id名称">
注意:标签的for属性中的值应当与相关控件id属性值一定要相同。