Как сделать запоминание значения < input >а?

Question

[Yega Mega]

Как сделать, чтобы открыл пользователь страницу, ввёл что-то, а когда открывает страницу в следующий раз, значение <input>а осталось таким же, каким пользователь его оставил?
Дайте, пожалуйста, полный рабочий код, а не ответ типа

Local storage или отдавать html с бекенда с заполнеными значениями. Значения можно хранить в базе.

В добавок к localStorage, если используете php то можно в сессиях хранить

Comments

[Антон Литвиненко]

Local storage например

[WbICHA]

Какой хороший автор, сразу же даёт ответ на свой вопрос для копи-паста, все бы такие были.

Answer 1

[Виталий Коваль]

https://jsfiddle.net/psfdek/hpb8j9mg/11/ - если на стороне js c использованием локального хранилища браузера то так можно
добавляешь data-woo-saver к input или textarea

Comments

[Yega Mega]

Spasibo!!!
Eto to, shto nado!

[Андрей Борчик]

супер! есть нюанс, если удалить значение в поле, то при обновлении страницы все равно показывает старое значение
Как это исправить?

[Yega Mega]

//Добавь этот код
    document.addEventListener('keydown', function(event) {
     wooFormSave(event.target);
    });
    document.addEventListener('mosemove', function(event) {
     wooFormSave(event.target);
    });
    document.addEventListener('close', function(event) {
     wooFormSave(event.target);
    });
    document.addEventListener('click', function(event) {
     wooFormSave(event.target);
    });
    document.addEventListener('input', function(event) {
     wooFormSave(event.target);
    });
    document.addEventListener('change', function(event) {
     wooFormSave(event.target);
    });

[Виталий Коваль]

Андрей Борчик, https://jsfiddle.net/psfdek/o16y7zuj/1/

[Андрей Борчик]

Yega Mega, не срабатывает

[Андрей Борчик]

Виталий Коваль, ни один из способов не работает
сайт arthata.by

[Виталий Коваль]

Андрей Борчик, arthata.by - тут работает
Ты что то просто напутал у себя.
https://jsfiddle.net/psfdek/o16y7zuj/8/ - вот на тебе еще вариант

[Андрей Борчик]

Виталий Коваль, Может вы неправильно поняли. Значения сохраняются корректно. Здесь вопросов нету. Но если я очищаю полностью значение input, при перезагрузке, переходе и пр... появляется старое значение.
Пробовал все три варианта что здесь написал

[Андрей Борчик]

Yega Mega, вот этот метод помог! спасибо!

[Андрей Борчик]

Андрей Борчик, все отлично. Работает. Спасибо
А почему в этой же форме но в окне поп-ап - не срабатывает?

Answer 2

[Dima Polos]

Local storage или отдавать html с бекенда с заполнеными значениями. Значения можно хранить в базе.

Comments

[Yega Mega]

Дайте, пожалуйста, полный рабочий код

[Dima Polos]

Yega Mega, нет

[Dima Polos]

Yega Mega, можете загуглить localStorage js и почитать, так больше будет пользы

Answer 3

[Тимур Худиев]

В добавок к localStorage, если используете php то можно в сессиях хранить