Question

我正在尝试使用HTML5本地存储。我填写输入字段，然后单击“存储”按钮。然后，我重新加载页面并清除了输入字段。然后，我单击“获取”按钮，期望从本地存储中填充P1输入字段。但是该字段仍然空白。我怎么了？

<button onclick="store()" >STORE</button>
<button onclick="retrieve()" >RETRIEVE</button> <br />

<input type = "text" id = "P1"><br />

<script>

function store()
{

localStorage.setItem("S1", "P1");

}

</script>


<script>

function retrieve()
{   

document.getElementById("P1").value= localStorage.getItem("S1");
}

</script>

Answer 1

因此，要将输入的值保存到localstorage，您应该从id中获取值，然后将其作为第二个参数传递给setItem：

localStorage.setItem("S1", document.getElementById("P1").value);

Answer 2

HTML标记：输入，textarea =使用“值”，而不是“ innerHTML”。

document.getElementById("P1").value= localStorage.getItem("S1");

localStorage.setItem（“”，“”）;不工作

2 个答案: