输入数据保存到localStorage的按钮点击(Save input data to localS

我试图建立我的第一个Web应用程序。 在我的应用程序我需要有一个设置面板，但我不知道该怎么做。 我一直在寻找网页和跨HTML5本地存储，我相信可能会做的事情最好的办法就来了。 但问题是我不知道如何使用它。

<input type='text' name="server" id="saveServer"/>  

如何从输入数据保存到localStorage的，当用户点击这个按钮？ 像这样的事情？

<input type='text' name="server" id="saveServer"/>  

<button onclick="save_data()" type="button">Save/button>

    <script>
            function saveData(){
        localStorage.saveServer
        }
        </script>

Answer 1:

所述localStorage对象有一个setItem其用来存储一个物品的方法。 它需要两个参数：

1. 一个关键，通过它可以参考项目

2. 一个值

    var input = document.getElementById("saveServer"); localStorage.setItem("server", input.val()); 

上面的代码首先获取到的基准input元件，并存储在本地存储中的项目（“服务器”）与该值的值input元件。

您可以通过调用检索值getItem ：

var storedValue = localStorage.getItem("server");

Answer 2:

这为我工作。 对于设置我把.value背后var和名为var的setItem ：

var input = document.getElementById('saveServer').value;
localStorage.setItem('server', input);

为了得到背课文：

document.getElementById('saveServer').value = localStorage.getItem('server');

文章来源: Save input data to localStorage on button click