Я создаю webapp, где у меня есть панель настроек. У меня есть код, который сохраняет данные из формы в localStorage, но как я могу заставить его заполнять форму автоматически на pageload, если есть некоторые данные, сохраненные в 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>
Могу ли я теоретически просто сохранить форму целиком, а затем установить значение формы в целом в форму, которую я сохранил в localstorage? –
@DevinPrejean Вы можете сделать 'localStorage.setItem ('Form') = $ (form) .html();', а затем загрузить html обратно. Это может иметь неожиданные недостатки. Лучшим подходом, вероятно, будет проверка формы для имен и значений ввода, а затем сохранение их в объект Key-Value, который затем будет сохранен в localstorage с помощью JSON. –