Javascript 如何在表单中保存用户输入数据?

Javascript 如何在表单中保存用户输入数据?,javascript,jquery,forms,Javascript,Jquery,Forms,我有一个两页的表单,当用户填写第一页时,他/她可以单击“保存以备以后使用”,或者单击“下一步”进入下一页并继续填写表单。这是通过jquery完成的。我不知道该怎么做,我该如何将用户输入保存在表单中,因此,如果浏览器崩溃、互联网中断,或者用户只是想保存表单并稍后返回表单,则填写的信息将保存在输入字段中。实现这一点的方法是什么?您可以通过多种方式轻松实现这一行为。 其中之一,就是提供草稿功能。此功能允许用户在以下情况下保存表单数据。。。 a他们单击“下一步” b他们离开,会议超时 c填写表格,但不想

我有一个两页的表单,当用户填写第一页时,他/她可以单击“保存以备以后使用”,或者单击“下一步”进入下一页并继续填写表单。这是通过jquery完成的。我不知道该怎么做,我该如何将用户输入保存在表单中,因此,如果浏览器崩溃、互联网中断,或者用户只是想保存表单并稍后返回表单,则填写的信息将保存在输入字段中。实现这一点的方法是什么?

您可以通过多种方式轻松实现这一行为。 其中之一,就是提供草稿功能。此功能允许用户在以下情况下保存表单数据。。。 a他们单击“下一步” b他们离开,会议超时 c填写表格,但不想提交


这种方法更安全可靠。

它认为您可以通过在会话或类似的东西中使用PHP存储登录凭据来实现它。如果用户再次访问该网站,您的PHP脚本会看到有一个带有凭据的会话,您可以将其显示给用户


另一种方法是将此数据保存在访问者设备上的localStorage中,但我不会使用此方法,因为并非所有浏览器都接受localStorages。

这或多或少是解决问题的通用方法:使用localStorage存储用户输入:

<body onload="if(localStorage.userEdits){document.getElementById('name').value=localStorage.userEdits}" id="myForm">
    <form>
        <input id="name" type="text" onkeyup="localStorage.userEdits=this.value"/>
    </form>
</body>

每次你按下键盘上的按钮键入内容时,它都会存储你输入的值,并在加载时检索这些信息。

太好了。请出示你的表格。代码?您想将其存储在您的服务器上还是也存储在本地计算机上?查看web存储:会话由服务器端处理,而不仅仅限于PHP!顺便说一句,如果浏览器崩溃或电脑重新启动,会话或localStrorage会工作吗?无法解决当电脑崩溃时数据被删除的问题。浏览器崩溃或电脑重新启动:在这两种情况下,将数据保存到任何本地文件都可以正常工作。保存到数据库对于用户以后填充是安全的。