用户开始填写后,占位提示会消失;如果那是唯一字段名称,回头核对就更困难。南通企业建设外贸网站时,应给输入控件清楚、持续可识别的标签。代码片段只演示结构关系,不能作为完整表单直接部署,更不包括保存、权限或反垃圾逻辑。
标签说明是什么,提示补充怎么填
<label for="request-item">产品或项目</label>
<p id="request-item-help">可填写型号;尚未确定时说明用途。</p>
<input id="request-item" name="item" type="text"
aria-describedby="request-item-help">
<!-- 片段只说明标签与提示的关联。
完整系统仍需实际验证、保存和错误反馈。 -->W3C表单教程介绍标签、说明和反馈。设计时应按当前控件类型核对,不只是把一行文字放到视觉上方。可见标签与程序关系一起处理,避免辅助工具读不到字段含义。示例不要求所有业务统一字段,也不主张把长说明全部塞进placeholder。
三个位置分别承担任务
| 位置 | 内容任务 | 容易发生的问题 |
|---|---|---|
| 持续标签 | 标识字段含义 | 只有占位文字,填后失去名称 |
| 辅助说明 | 给必要格式与范围 | 关键条件藏得太远 |
| 错误反馈 | 指出问题和修正方向 | 只用颜色,或无解释清空输入 |
复测要在填过之后进行
- 空白时阅读字段和必要说明。
- 输入专用测试内容后再次辨认各字段。
- 触发受控错误,确认提示与输入关联。
- 使用键盘和手机完成同一条任务。
必填信息也需要清楚说明,但不要把所有字段都强制必填。初次接触的用户可能没有型号或完整参数,适当保留说明用途的路径,比迫使其编造输入更有用。后台接收也应保留这种待确认状态,不把空白自动解释为没有需求。
能为了页面简洁把label隐藏吗?
需要结合实际可理解性和无障碍要求评估,不应默认只留placeholder就完成。
提示文字越多越好吗?
以帮助正确输入为准,关键说明清楚且靠近相应字段,避免用大量无关文本增加负担。