如何将数据存储在这个超文本标记语言页面中，并使用JavaScript在另一个页面中检索数据

<form id="myForm">
  <label for="name">姓名：</label>
  <input type="text" id="name" name="name"><br><br>
  <label for="email">邮箱：</label>
  <input type="email" id="email" name="email"><br><br>
  <input type="submit" value="提交">
</form>

document.getElementById("myForm").addEventListener("submit", function(event) {
  event.preventDefault(); // 阻止表单提交的默认行为

  var name = document.getElementById("name").value;
  var email = document.getElementById("email").value;

  // 存储数据到本地
  localStorage.setItem("name", name);
  localStorage.setItem("email", email);

  alert("数据已存储！");
});

<p>姓名： <span id="storedName"></span></p>
<p>邮箱： <span id="storedEmail"></span></p>

<script>
  // 检索存储的数据并显示
  var storedName = localStorage.getItem("name");
  var storedEmail = localStorage.getItem("email");

  document.getElementById("storedName").textContent = storedName;
  document.getElementById("storedEmail").textContent = storedEmail;
</script>