为了账号安全，请及时绑定邮箱和手机立即绑定

课程

/前端开发

/HTML/CSS

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

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

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

慕粉3673040

2016-08-09

源自：初识HTML(5)+CSS(3)-升级版  6-1

关注问题 我要回答
1513
操作
收起

正在回答

6 回答

慕田峪9815236 回答被采纳 +3 积分
2016-08-09

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

0 回复 有任何疑惑可以回复我~
收起回答
#1

慕粉3673040 提问者

非常感谢！O(∩_∩)O谢谢
2016-08-09 回复 有任何疑惑可以回复我~
lukaM
2016-08-10

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

0 回复 有任何疑惑可以回复我~
收起回答
走不动糖糖
2016-08-09

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

0 回复 有任何疑惑可以回复我~
收起回答
Rimas
2016-08-09

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

1 回复 有任何疑惑可以回复我~
收起回答
慕田峪9815236
2016-08-09

主要目的是用户体验。

0 回复 有任何疑惑可以回复我~
收起回答
慕田峪9815236
2016-08-09

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

0 回复 有任何疑惑可以回复我~
收起回答

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1225316    人
  • 解答问题       18230    个

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

进入课程

本课相似问答

3 回答在form标签里，能创建多个多行文本框吗？

10 回答文本输入框和密码输入框的区别

1 回答将重置和文本框放在form标签外重置失去作用，尔在form内重置所有文本框

2 回答form表单中的label标签使用方式

2 回答table 和 form 区别在那里？
搜索更多本课相关问答

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信