Как сохранять состояние формы (черновик) при перезагрузке страницы?

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

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