Cách tải lại trang hiện tại không mất dữ liệu form với HTML

Cách dễ nhất tải lại trang không mất dữ liệu form, dùng WebStorage: localStorage (lưu bền) hoặc sessionStorage (phiên, xóa khi đóng trình duyệt).

Thử 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()); }

Kiểm tra khi tải −

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);    // ... }