Сохранить входные данные в localStorage при нажатии кнопки

Я пытаюсь создать свое первое веб-приложение. В моем приложении мне нужно есть панель настроек, но я понятия не имею, как это сделать. Я искал в интернете и наткнулся на HTML5 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>
8
button html5 input local-storage

2 ответов

15

это работает для меня. Для установки я разместил .value за var и позвонил var на setItem:

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

для получения текста:

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