label标签用于关联表单控件，提升可访问性；通过for属性或嵌套方式实现，确保点击文本可激活控件，建议每个输入元素都有唯一label，避免关联错误。
在HTML表单中，label标签的作用是为表单控件提供可点击的文本标签，提升可访问性和用户体验。正确使用label标签，能让用户点击文字时也能激活对应的输入控件，比如单选按钮、复选框或文本框。
label标签的基本用法
最基础的方式是通过for属性将label与表单元素关联。for的值必须等于目标控件的id。
例如：点击“用户名”文字时，光标会自动聚焦到输入框，这对所有用户（尤其是屏幕阅读器使用者）都非常友好。
立即学习“前端免费学习笔记（深入）”；
嵌套方式直接关联
另一种方式是将input直接放在label标签内部，这样无需使用for和id属性，也能建立隐式关联。
示例：这种方式更简洁，适合简单的表单结构，同时确保语义正确。
提高可访问性的建议
合理使用label能显著提升网页的无障碍体验。以下是几个实用技巧：
- 每个表单控件（特别是input、select、textarea）都应有对应的label
- 避免多个label指向同一个控件，容易造成混淆
- 对于隐藏的控件，可用CSS隐藏label但保留其对辅助技术的支持
- radio按钮组中的每个选项都应有自己的label，便于逐项选择
常见问题与注意事项
有时开发者忘记给input设置id，或拼写错误导致for与id不匹配，这时label将无法正确关联。浏览器不会报错，但可访问性会下降。
错误示例：务必检查id与for是否完全一致，包括大小写。
基本上就这些。只要坚持为每个可输入元素添加正确的label，就能让表单更易用、更专业。不复杂但容易忽略。
