Middle
28
Бетті қайта жүктеген кезде форма күйін (жоба) қалай сақтайсыз?
Сұралған компаниялар
UserGate
AI-дан жауап
sobes.tech AI
Для сохранения состояния формы (черновика) при перезагрузке страницы можно использовать 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');
});
Такой подход сохраняет данные в браузере и позволяет восстановить их после перезагрузки страницы.