我正在尝试构建我的第一个Web应用程序.在我的应用程序中,我需要一个设置面板,但我不知道如何做到这一点.我一直在网上搜索并遇到了一个HTML5 localStorage,我认为这可能是最好的方法.但问题是我不知道如何使用它.
<input type='text' name="server" id="saveServer"/>
Run Code Online (Sandbox Code Playgroud)
当用户单击按钮时,如何将数据从输入保存到localStorage?像这样的东西?
<input type='text' name="server" id="saveServer"/>
<button onclick="save_data()" type="button">Save/button>
<script>
function saveData(){
localStorage.saveServer
}
</script>
Run Code Online (Sandbox Code Playgroud) 我正在构建一个网络应用程序,其中有一个设置面板。我有一个将数据从表单保存到 localStorage 的代码,但是如果有一些数据保存到 localStorage,如何使其在页面加载时自动填充表单?
这是我的表单代码:
<label for="serveri"> Server: </label>
<input type='text' name="server" id="saveServer"/>
<button onclick="save_data()" type="button" value="Save" id="Save" data-theme="a">Save</button>
<script> function save_data()
{ var input = document.getElementById("saveServer");
localStorage.setItem("server", input.value);
var storedValue = localStorage.getItem("server"); }
</script>
Run Code Online (Sandbox Code Playgroud)