Làm cách nào để tải lại trang hiện tại mà không làm mất bất kỳ dữ liệu biểu mẫu nào với HTML?

Cách dễ nhất để tải lại trang hiện tại mà không làm mất dữ liệu biểu mẫu, hãy sử dụng WebStorage nơi bạn có bộ nhớ - lưu trữ ổn định (localStorage) hoặc dựa trên phiên (sessionStorage) vẫn còn trong bộ nhớ cho đến trình duyệt web của bạn đã đóng cửa.

Hãy thử điều này khi trang sắp tải lại,

window.onbeforeunload = function() {
   localStorage.setItem(name, $('#inputName').val());
   localStorage.setItem(phone, $('#inputPhone').val());
   localStorage.setItem(subject, $('#inputAddress').val());
}

Bây giờ hãy kiểm tra nó như -

window.onload = function() {
   var name = localStorage.getItem(name);
   var phone = localStorage.getItem(phone);
   if (name !== null) $('#inputName').val(name); if (phone !== null) $('#inputPhone').val(phone);
   // ...
}