多页网络表单的客户端存储答案

【问题标题】：Client storage for multipage webform多页网络表单的客户端存储
【发布时间】：2014-08-18 18:24:30
【问题描述】：

我有一个超过 11 页的网络表单，每页都包含几个问题作为单选按钮回答。在提交到本地存储之前，我需要移入/移出每个页面并随时保存。这旨在作为离线应用程序。我可以将每一页的数据保存到下一页然后全部保存到localStorage吗？谢谢

【问题讨论】：

你能不能只使用不同的 DIV，然后在进入下一部分过程时，隐藏当前的 div 并显示下一组问题的 div？然后您可以同时提交所有答案。
听起来是个不错的解决方案。所以我给了我所有的 DIV 一个 ID，现在我需要添加类似 input type="button" value="Show" onclick="$('#').show() ??
会话变量呢？

【解决方案1】：

您可以尝试制作一个 SPA，这样您就有 11 个视图，然后您可以使用相同的本地存储并继续保存。

【讨论】：

【解决方案2】：

使用任何 jQuery 表单向导。 您可以使用下面提到的一种： http://jquery-plugins.net/steps-jquery-wizard-plugin-with-html5-support

【讨论】：

【解决方案3】：

看看sessionStorage 对象。

这个例子不符合规范：

例如，一个页面可能有一个复选框，用户勾选该复选框以表明他想要保险：

<label>
 <input type="checkbox" onchange="sessionStorage.insurance = checked ? 'true' : ''">
  I want insurance on this trip.
</label>

随后的页面可以通过脚本检查用户是否选中了复选框：

if (sessionStorage.insurance) { ... }

如果用户在网站上打开了多个窗口，每个窗口都会有自己的会话存储对象副本。

【讨论】：

所以据我了解，我将使用 sessionStorage 将数据页面发送到页面，然后最后使用 localStorage 来长期保存它？计划是保存直到可以上传互联网。
如果你愿意，你也可以从头到尾使用 localStorage。