A SMALL PATH, A COMPLETE OUTCOME
我要让表单更容易填写
亲手走完填写、校验、失败与恢复，理解组件怎样组成一个完整流程。
保留用户已经填写的内容，在字段旁说明如何修正，保存时防止重复提交，失败后允许重试。下面的两个样板可以完整体验这些状态。
按这个顺序，选出需要的部分
每个入口都说明它解决什么问题，以及什么时候需要多想一步。
TRY THE WHOLE FLOW
把一个流程完整走一遍
默认第一次失败，第二次成功。你可以切换失败开关，观察组件如何协作。
01
文件上传
选择 → 上传中 → 失败 → 重试 → 完成 → 删除
本地状态演示：只读取文件名，不读取内容、不联网。也可以使用示例文件。
正在准备演示…
02
编辑资料
填写 → 校验 → 保存中 → 失败 → 重试 → 完成
资料只保留在本页内存，刷新会恢复初始值。修改后试试「离开编辑」；真正离开页面时由浏览器提示。
ONE CHANGE, CLEARER INTENT
一次只改变一个因素
相同的内容，对照操作层级与分组间距。以下是视觉示意，不会提交资料。
个人资料
显示名称
Lin
对团队成员可见联系邮箱
lin@example.com
用于接收重要通知个人资料
显示名称
Lin
对团队成员可见联系邮箱
lin@example.com
用于接收重要通知变化位置：底部操作区。保留「保存资料」的实心填充，弱化「取消」；用户更容易判断下一步。这不意味着隐藏取消，也不适合把危险操作伪装成普通主操作。