如何在另一个页面中完成表单的某一部分？

<!-- page1.html -->
<form id="step1Form">
  <input type="text" name="name" placeholder="Name">
  <button type="button" onclick="nextStep()">Next</button>
</form>

<!-- page2.html -->
<form id="step2Form">
  <input type="email" name="email" placeholder="Email">
  <button type="button" onclick="prevStep()">Previous</button>
  <button type="button" onclick="submitForm()">Submit</button>
</form>

// script.js
let currentStep = 1;

function nextStep() {
  const formData = new FormData(document.getElementById('step1Form'));
  for (let [key, value] of formData.entries()) {
    localStorage.setItem(key, value);
  }
  window.location.href = 'page2.html';
}

function prevStep() {
  window.location.href = 'page1.html';
}

function submitForm() {
  const formData = new FormData(document.getElementById('step2Form'));
  for (let [key, value] of formData.entries()) {
    localStorage.setItem(key, value);
  }
  // 发送数据到服务器
  fetch('/submit', {
    method: 'POST',
    body: new URLSearchParams(localStorage)
  }).then(response => {
    if (response.ok) {
      alert('Form submitted successfully!');
    } else {
      alert('There was an error submitting the form.');
    }
  });
}