Question

我已经创建了一个表单，并想出了如何将数据放在我想要显示的位置。当页面或应用程序刷新/退出/等时，我想知道如何使它保持。

<article>

<div align="center">    <script language="JavaScript">
function showInput() {
    document.getElementById('display').innerHTML = 
                document.getElementById("user_input").value;
}
</script>
    <form>
<label><b>Enter Your Amount:</b></label>
<input type="text" name="message" id="user_input">
</form><br />

<input class="button" type="submit" onclick="showInput();"><br/>
<p><span id='display'></span></p></div>

  </article>

到目前为止，除了保存响应外，我还有它并且工作正常。我正在开发的项目是家庭成员的预算跟踪器，所以我希望表单数据保存，并且每次刷新或退出时都不会删除。

这可能是一个非常棒的问题，但我似乎无法找到适合我的答案。

Answer 1

听起来像是本地存储的工作。本地存储就是您使用的浏览器的本地存储方式，您无法从存储的计算机/浏览器中随处访问此数据。

//this checks to see if local storage is available

if (typeof(Storage) !== "undefined") {

} else {

}

//grabbing your data i assume "user_input" and set it to a variable called "storage_var"

var storage_var = document.getElementById("user_input").value;

// For storing said data "to_the_ether"  variable name and can be w/e u want

localStorage.setItem("to_the_ether", storage_var);

// to get the value and pass it back into the display (im assuming a div?)

document.getElementById("display").innerHTML = localStorage.getItem("to_the_ether");

希望有所帮助。如果您需要更多可访问的存储空间，则需要数据库

如何获取表单以保存数据并在以后显示在页面上而不删除它

1 个答案: