保存輸入數據到localStorage按鈕點擊

我想建立我的第一個Web應用程序。在我的應用程序中，我需要一個設置面板，但我不知道如何去做。我一直在尋找網頁，並遇到了一個HTML5 localStorage，我相信這可能是做這件事的最好方式。但問題是我不知道如何使用它。保存輸入數據到localStorage按鈕點擊

<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>

來源

2012-04-26 user1358625

這可能是一個良好的開端：https：//開頭開發商。 mozilla.org/en/DOM/Storage – 2012-04-26 12:20:28

的localStorage對象具有setItem方法，其用於存儲的項目。它需要兩個參數 - 通過它可以指代項的鍵和值：

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

上面的代碼首先獲取到input元素的引用，並且然後存儲在一個項目（「服務器」）本地存儲的值爲input元素的值。

您可以通過調用getItem檢索值：

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

來源

2012-04-26 12:23:16

所以這樣？ \t <標籤= 「服務器I」>服務器： <按鈕的onclick = 「save_data（）」類型= 「鍵」值= 「保存」 ID = 「保存」數據，主題= 「一」>保存 – user1358625 2012-04-30 06:18:23

乍一看對我來說很好。 – 2012-04-30 08:03:56

這爲我工作。對於設置我在setItem放置.value的var後面，稱爲var：

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

爲了得到背課文：

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

來源

2015-02-07 12:25:33 Stephan

保存輸入數據到localStorage按鈕點擊

回答

相關問題