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

Question

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

1. 如果用户意外按下浏览器的关闭按钮，则填充的数据将丢失
2. 如果用户意外按下网页内的链接，他将丢失填充的数据
3. 如果用户点击刷新按钮，他可能会丢失该数据（Chrome和Firefox会显示警告，通知您在刷新网页时即将丢失数据）

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

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

Answer 1

  

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

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