Для сохранения состояния формы (черновика) при перезагрузке страницы можно использовать Web Storage API — localStorage или sessionStorage.
Как бы вы хранили данные формы, чтобы пользователь мог вернуться после перезагрузки страницы или закрытия вкладки (без авторизации)?
Для сохранения состояния формы (черновика) при перезагрузке страницы можно использовать Web Storage API — localStorage или sessionStorage.
Короткий ответ
Что ответить на собеседовании
Подробный разбор
Ответ с пояснениями
Для сохранения состояния формы (черновика) при перезагрузке страницы можно использовать Web Storage API — localStorage или sessionStorage.
Пример на JavaScript:
const form = document.querySelector('form');
const input = form.querySelector('input[name="text"]');
// Загружаем сохранённое значение при загрузке страницы
window.addEventListener('load', () => {
const saved = localStorage.getItem('formDraft');
if (saved) {
input.value = saved;
}
});
// Сохраняем значение при изменении
input.addEventListener('input', () => {
localStorage.setItem('formDraft', input.value);
});
// При отправке формы можно очистить сохранённый черновик
form.addEventListener('submit', () => {
localStorage.removeItem('formDraft');
});
Такой подход сохраняет данные в браузере и позволяет восстановить их после перезагрузки страницы.