Web前端技术 · 第4课3 / 21 | 编码:L04-07
使用HTML创建表单

给控件一个持续可见的名称

label(标签)为输入控件提供名称;for 的值与控件 id 对应。

<label for="nickname">报名昵称</label>
<input id="nickname" name="nickname" type="text">
<p>试着点击“报名昵称”,观察输入框是否获得焦点。</p>

id 是当前文档内唯一的标识。关联正确的label有助于点击操作和读屏软件识别字段;只有一段相邻文字不等于建立关联。

思考

把 input 的 id 改为 user,但 label 的 for 仍是 nickname:输入框还能输入,是否说明关联没有问题?

展开参考分析

能输入只说明控件存在。for与id不匹配时,原有名称关联失效,点击标签不能按预期聚焦该控件。应同步修改。