Sobes.tech
Middle

Чӣ гуна ҳолати формаро (нақшаи ноболиғ) ҳангоми навсозии саҳифа нигоҳ доштан мумкин аст?

sobes.tech AI

Ҷавоб аз 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');
});

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