用途:设计、重构或改进表单界面,目标是让用户顺利完成而不困惑、焦虑或放弃。核心原则是只收集必要字段,移除用户与目标之间的每个多余障碍。
主要能力:提供字段顺序与分组、标签设计(标签置于输入框上方、使用句式大小写、具体明确)、输入设计(宽度匹配内容、使用 type=email/tel/date 等语义类型、格式化提示、autofill 友好、长列表用可搜索下拉、少于五项用单选)。多步表单在超过 6-8 个字段或主题不同时拆分,需显示进度、允许返回、保留已填数据、逐步校验但不阻止后退。转化敏感表单需在表单旁说明价值与提交后结果,先问低摩擦字段,敏感字段附近给出隐私说明,并提供聊天、邮件、电话等替代联系路径。
校验策略:已完成字段在失焦时校验,密码强度、字数等即时反馈在输入时校验,其余及跨字段依赖在提交时校验;绝不对未触碰字段校验。错误信息置于字段下方,说明原因与修复方式,使用 aria-invalid 与 aria-describedby,失败时保留输入并把焦点移到首个错误。成功状态用勾选或绿边轻提示,编辑后移除。
响应式与无障碍:粗指针目标至少 44×44px,使用合适输入类型调出对应键盘,短列表避免下拉,每个输入用 for/id 关联标签,分组用 fieldset 与 legend,表单级错误用 role=alert 或 aria-live=polite,错误不能只靠颜色区分,需支持全键盘操作。
限制与反模式:字段过多、用占位符代替标签、加载即校验、错误信息含糊、出错清空字段、无提示禁用提交按钮、多步无进度、校验时机不一致、忽略输入语义、长表单无法保存续填。资料未提供具体收费、平台或效果数据。上线前需逐项核对字段必要性、标签、校验、错误恢复、多步导航、键盘与 autofill 等检查清单。