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

How to save user input data in the form?

本文关键字：用户 输入 数据 保存 表单      更新时间：2023-09-26

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

这或多或少是问题的通用解决方案： 使用 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>

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

有多种方法可以轻松实现此行为。其中之一是提供草稿功能。此功能将允许用户在以下情况下保存表单数据... a） 他们点击下一步
b） 他们离开并且会话超时
c） 填写表格，不想提交

这种方式更加安全可靠。

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

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

相关文章：