Sobes.tech
Middle

Comment sauvegarder l'état du formulaire (brouillon) lors du rechargement de la page?

sobes.tech IA

Réponse de l'IA

Для сохранения состояния формы (черновика) при перезагрузке страницы можно использовать 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');
});

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