Sobes.tech
Middle

Hoe bewaar ik de staat van het formulier (concept) bij het herladen van de pagina?

sobes.tech AI

Antwoord van 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');
});

Такой подход сохраняет данные в браузере и позволяет восстановить их после перезагрузки страницы.