什么是 Come Back Form?
“Come Back Form” 是指在用户填写网页表单过程中,因意外关闭页面、刷新或跳转后,
能够自动恢复已输入内容的用户体验设计模式。通过本地存储(如 localStorage)或会话机制,
可显著提升用户满意度并减少重复劳动。
核心实现方式
- localStorage 自动保存:监听 input/change 事件,实时将字段值存入浏览器本地。
- 页面加载时自动回填:检测是否存在缓存数据,若有则填充到对应表单控件中。
- 提交后清除缓存:防止用户再次访问时看到旧数据。
- 支持多表单隔离:使用表单 ID 或名称作为存储键,避免冲突。
适用场景
适用于注册页、长问卷、评论框、订单填写等需要用户输入较多信息的页面。
注意事项
- 敏感信息(如密码)不应自动保存,需特别处理。
- 应提供“清除草稿”按钮,尊重用户控制权。
- 移动端兼容性良好,但需注意 Safari 对 localStorage 的限制。