用途:为表单设计提供系统化参考,涵盖输入字段、布局、校验、多步流程与无障碍实现。核心思路是“做减法”——每个字段都是对用户精力的索取,最好的改动往往是删掉字段。
主要能力:包含55种输入类型及六种字段状态(默认、聚焦、已填、禁用、错误、成功);19种布局及登录、注册、联系、支付、地址、设置、问卷等专用表单;校验时机与100多条错误文案模板;多步向导、步骤指示器、返回导航与数据持久化;语义化HTML、ARIA、标签关联、必填标记与错误关联;表单分析。
使用方式:按需读取参考文件——输入类型读 references/input-field-catalog.md;布局读 references/form-layout-patterns.md;校验与错误读 references/validation-error-patterns.md;多步流程读 references/multi-step-form-patterns.md;无障碍读 references/form-accessibility-code.md;补充模式读 references/form-supplementary.md。
关键原则:单列布局(仅城市与邮编、有效期与CVC等真正成对数据例外);标签置于输入框上方;失焦时校验而非按键时校验,提交时重新校验,错误就近内联显示;错误信息说明修复方法而非失败本身;触控目标至少44x44px,标签与输入间距8px,字段间距20-24px。
限制:资料未提供具体安装命令、收费方式与平台支持信息。