form便签里文本框的表达形式区别

来源:6-1 使用表单标签,与用户交互 - 使用<form>创建表单

慕粉3673040

2016-08-09 18:29

例如课程里用的 label 元素,而我个人习惯于用Input type的 形式对文本框进行描述,那么他们有什么区别呢。而且像用户名,密码之类的直接输出也可以,用label 还多占了内存

写回答 关注

6回答

  • 慕田峪9815236
    2016-08-09 18:35:49
    已采纳

    label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该 label标签相关连的表单控件上)。

    慕粉3673...

    非常感谢!O(∩_∩)O谢谢

    2016-08-09 18:54:33

    共 1 条回复 >

  • lukaM
    2016-08-10 10:54:02

    label标签可以通过id来关联相关控件

  • 走不动糖糖
    2016-08-09 18:41:33

    为鼠标用户改进了可用性,更好的实现语义化,如果你在 label 标签内点击文本,就会触发此控件

  • Rimas
    2016-08-09 18:37:15

    为了更好的实现语义化,例如浏览器自动识别用户名密码并保存,就是利用了这里的语义化

  • 慕田峪9815236
    2016-08-09 18:37:11

    主要目的是用户体验。

  • 慕田峪9815236
    2016-08-09 18:36:38

    form表单中的label标签
    语法:<label for="控件id名称">
    注意:标签的for属性中的值应当与相关控件id属性值一定要相同。

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225825 学习 · 18235 问题

查看课程

相似问题