如何使用Cookie保存和检索表单值，包括下拉列表？

Question

是否有一种简单的方法来保存表单，只为那些意外点击链接然后使用后退按钮或其他东西的人？包括下拉输入。

Answer 1

您可以为输入框和textarea执行onkeypress，并为表单中的所有选择执行onchange事件。每个触发的事件，调用一个脚本，将您的表单序列化为JSON字符串并将其存储为cookie。如果您的表单已提交，您可以在之后清除该cookie。

在用户离开页面的情况下，您应绑定onbeforeunload或onunload以警告用户他正在离开。如果他确认，请清除cookie。如果以某种方式跳过确认，下次他访问表单时，只需读取cookie，因为它没有被清除。

但请注意，可能会输入敏感数据。 cookies（甚至localstorage）不安全存储。您可以提供过期时间，以便在未刷新cookie时将其删除。