Question

所以我试图在用户输入后保存文本输入字段的值，然后在单击action2时重新加载页面，它将保存的值推送到文本输入字段的值。正如你从我的代码中可以看出的那样，我对这个主题知之甚少，但我正在努力学习它，并尝试了我能想到的一切！

提前致谢！

<input type="text" id="header" name="header" value="name">
<p>
    <button onclick="action()" type="button">Save me!</button>
</p>
<p>
    <button onclick="action2()" type="button">Remember me!</button>
</p>

<script>
    function action() {
        localStorage.setItem(header, name)
    } 

    function action2() {
        localStorage.getItem(header, name)
    }
</script>

Answer 1

你快到了那里：

<input type="text" id="header" name="header" value="name">
<p><button onclick="action()" type="button">Save me!</button></p>
<p><button onclick="action2()" type="button">Remember me!</button></p>

<script>
    function action() {
        window.localStorage['header'] = document.getElementById('header').value;
    }

    function action2() {
        document.getElementById('header').value = window.localStorage['header'];
    }
</script>

本地存储保存并检索文本输入值

1 个答案: