刷新页面表单localStorage

要刷新页面表单的localStorage，你可以使用以下代码：

// 获取表单元素
const form = document.querySelector('form');

// 当表单提交时，保存表单数据到localStorage
form.addEventListener('submit', (event) => {
  event.preventDefault(); // 防止表单自动提交
  const formData = new FormData(form);
  for (const [key, value] of formData.entries()) {
    localStorage.setItem(key, value);
  }
});

// 重新加载页面时，将localStorage中的数据填充到表单中
window.addEventListener('load', () => {
  for (let i = 0; i < localStorage.length; i++) {
    const key = localStorage.key(i);
    const value = localStorage.getItem(key);
    const input = form.elements[key];
    if (input) {
      input.value = value;
    }
  }
});

这段代码将监听表单的提交事件，并将表单数据保存到localStorage中。当页面重新加载时，它将从localStorage中读取数据并将其填充到表单中。这样，即使用户关闭页面并重新打开它，他们也会看到他们最后提交的表单数据。