javascript - 不丢失浏览器表单中填写的数据的最佳方法

Question

我有一个 HTML 表单。我用数据部分填充它。我想做一些事情来保护已填充的数据，但我不知道什么是最好的解决方案。

1. 如果用户不小心按下了浏览器的关闭按钮，填充的数据就会丢失
2. 如果用户不小心点击了网页内的链接，他将丢失填充的数据
3. 如果用户单击刷新按钮，他可能会丢失该数据（Chrome 和 Firefox 会显示警报，通知您如果刷新网页，您将丢失数据）

保护表单数据的最佳方法是什么？

我在想，如果用户做出这三个动作之一，应该会出现一个窗口并通知他将要发生的动作。

Answer 1

保护表单数据的最佳方法是什么？

比显示警告消息更用户友好的方式是自动保存数据而不是让它丢失。在每个输入操作上，将表单值存储在localStorage中。当表单加载为空时，恢复它们。当表单提交[成功]时，清除它们。