将 excel forms 数字化为 HTML forms

Question

在工作中，我们在 excel 中有一堆清单，我们打印出来以遵循特定任务的特定程序。 鉴于目前在家工作的情况，该部门正在研究数字解决方案。

在 excel 中制作一些数字清单是一场噩梦，所以我使用一些 HTML、CSS 和一些 JS 制作了它们，并且取得了相当大的成功。

到目前为止，一旦完成检查表，我们将其“打印”为 pdf 并保存。 由于这是一个安全敏感的工作环境，我完全离线运行（尽管显然在 web 浏览器上）这一切都很好，但我有两个问题：

1）数据在刷新或关闭/重新打开页面时被删除。 我暂时用过

window.onbeforeunload = function(e) {
    return 'Dialog text here.';
};

为了确保用户不会意外丢失他们的工作，有没有更好的解决方案？ 我不能使用服务器。 我目前正在研究如何将其保存为 cookie，这是最好的方法吗？

2）第二个问题是“保存”这些清单以供将来编辑，比如在任务进行到一半时，您需要选择其他内容。 有没有办法“保存”数据说 csv 然后再次读取它？

第二个问题是更大的问题，我不知道如何解决它，一般的谷歌搜索并没有太大帮助，因为大多数解决方案都涉及拥有服务器。 只为我可以尝试的正确方向寻找一个大致点，而不是让某人为我或任何东西编写代码。 如果有帮助的话，我们会在工作中使用 Chrome 和 Edge！

Answer 1

数据在刷新或关闭/重新打开页面时被删除

我可以把它保存为 cookie，这是最好的方法吗？

不，cookies 并不是真的为此，我建议使用localStorage或IndexedDB

第二个问题是“保存”这些清单以供将来编辑

如果要将其保存为可编辑格式的文件，可以将其另存为 json 并在要编辑时加载。

Answer 2

您可以使用 localStorage 或 IndexedDB。 但请注意，localStorage 的存储容量最大为 5MB。 You can also try the cache api https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-side_web_APIs/Client-side_storage https://developer.mozilla.org/en-US/docs/网页/API/缓存