第 11 课2026.09.14
扩大输入框的可点击区域，并让辅助技术读出字段名称。
第 11 课：label关联表单控件
- 日期：2026-09-14
- 课程序号：第 11 课
- 知识点：
label与for/id
用途
扩大输入框的可点击区域，并让辅助技术读出字段名称。
核心概念
label 的 for 必须匹配控件唯一的 id，从而建立明确关联。
最小代码或操作示例
html
<label for="lesson-title">课程名称</label>
<input id="lesson-title" name="title" type="text">3～5 分钟练习
为分钟数输入框添加关联标签。
参考答案
<label for="minutes">分钟数</label><input id="minutes" name="minutes" type="number">
与上一课的联系
上一课使用 required 约束必填；本课为控件提供可访问名称。
时效校验
时效校验：2026-09-15（HTML Living Standard 对应当前 MDN 参考）。已复核本课用法，未发现废弃标记；本轮官方资料见下方链接。