第 9 课：label关联表单控件

• 日期：2026-09-10
• 课程序号：第 9 课
• 知识点：label 的 for 与 input 的 id

用途

让字段名称可点击，并帮助辅助技术识别控件。

核心概念

for 必须与对应输入框的 id 完全一致。

最小代码或操作示例

<label for="email">邮箱</label>
<input id="email" name="email" type="email">

3～5 分钟练习

给上一课两个复选框分别添加标签。

参考答案

为输入设置不同 id，再用相同 for 关联。

与上一课的联系

上一课创建多项选择；本课为每项补充明确名称。