HTML-এ করেন্ট পেজ রিলোড করলে ফর্ম ডেটা হারানো না যাবে সেভা?

Web Storage API: localStorage বা sessionStorage

পেজ রিফ্রেশ/রিলোড হলে ফর্ম ডেটা বাঁচাতে localStorage (পারসিস্টেন্ট) বা sessionStorage (ট্যাব বন্ধ হলে ক্লিয়ার) ব্যবহার করুন।

১. আনলোড হওয়ার আগে ডেটা সেভ

window.addEventListener('DOMContentLoaded', () => {
  const saved = localStorage.getItem('formBackup');
  if (!saved) return;

  const obj = JSON.parse(saved);
  const form = document.getElementById('myForm');
  for (const [key, value] of Object.entries(obj)) {
    const input = form.elements.namedItem(key);
    if (input) input.value = value;
  }
});

৩. সাবমিট সফল হলে ব্যাকআপ ক্লিয়ার