在Javascript中,可以通过事件监听器(如onclick)来捕获用户更改表单值的操作,并使用localStorage或window.sessionStorage将这些更改值保存在本地存储中。当表单被提交后,可以通过读取本地存储中的值来保留这些更改。
以下是一个示例,该示例使用localStorage来保留表单值:
// 在表单元素被更改时,将它保存在localStorage中 const form = document.querySelector('form'); form.addEventListener('change', (event) => { localStorage.setItem(event.target.name, event.target.value); });
// 在表单提交时,读取保存在localStorage中的更改值 form.addEventListener('submit', (event) => { event.preventDefault(); for (let i = 0; i < form.elements.length; i++) { const element = form.elements[i]; if (element.type === 'submit') { continue; } const savedValue = localStorage.getItem(element.name); if (savedValue !== null) { element.value = savedValue; } } localStorage.clear(); // 清空localStorage中保存的表单值 form.submit(); });
下一篇:保留通过jQuery添加的输入框