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

Local storage save and retrieve text input value

本文关键字：文本 输入 检索 存储 保存      更新时间：2023-09-26

所以我试图在用户输入文本输入字段后保存该字段的值，然后在单击 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>

你快到了：

<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>
相关文章：