如何在两个html页面之间传输表单数据？

在两个HTML页面之间传输表单数据，可以通过以下几种方式实现：

使用URL参数传递数据：可以将表单数据作为URL的查询参数附加在目标页面的URL后面。例如，假设有一个表单页面A，用户填写了姓名和邮箱，并点击提交按钮后跳转到页面B，可以将表单数据作为URL参数传递给页面B。在页面A的表单提交事件中，可以使用JavaScript获取表单数据，并将其拼接到目标URL后面，然后使用window.location.href进行页面跳转。

示例代码：

document.getElementById("submitBtn").addEventListener("click", function() {
  var name = document.getElementById("nameInput").value;
  var email = document.getElementById("emailInput").value;
  var url = "pageB.html?name=" + encodeURIComponent(name) + "&email=" + encodeURIComponent(email);
  window.location.href = url;
});

在页面B中，可以使用JavaScript获取URL参数，并将其填充到相应的表单字段中。

使用表单提交和服务器端处理：可以使用表单的提交功能，将表单数据发送到服务器端进行处理，然后服务器端再将处理结果返回给目标页面。在页面A的表单中，设置表单的action属性为目标页面B的URL，设置method属性为POST，然后在目标页面B的服务器端进行表单数据的处理，并返回处理结果。

示例代码（页面A的表单）：

<form action="pageB.html" method="POST">
  <input type="text" name="name" placeholder="姓名">
  <input type="email" name="email" placeholder="邮箱">
  <input type="submit" value="提交">
</form>

示例代码（页面B的服务器端处理，使用Node.js和Express框架）：

const express = require('express');
const app = express();

app.use(express.urlencoded({ extended: true }));

app.post('/pageB.html', (req, res) => {
  const name = req.body.name;
  const email = req.body.email;
  // 处理表单数据
  // ...
  // 返回处理结果
  res.send('处理结果');
});

app.listen(3000, () => {
  console.log('服务器已启动');
});

使用浏览器本地存储：可以使用浏览器的本地存储（如localStorage或sessionStorage）将表单数据存储在页面A中，然后在页面B中读取存储的数据。在页面A的表单提交事件中，使用JavaScript将表单数据存储到本地存储中，然后在页面B的加载事件中，使用JavaScript读取本地存储中的数据，并将其填充到相应的表单字段中。

示例代码（页面A的表单提交事件）：

document.getElementById("submitBtn").addEventListener("click", function() {
  var name = document.getElementById("nameInput").value;
  var email = document.getElementById("emailInput").value;
  localStorage.setItem("name", name);
  localStorage.setItem("email", email);
});

示例代码（页面B的加载事件）：

window.addEventListener("load", function() {
  var name = localStorage.getItem("name");
  var email = localStorage.getItem("email");
  document.getElementById("nameInput").value = name;
  document.getElementById("emailInput").value = email;
});

这些方法可以根据具体的需求和场景选择使用，它们都可以在两个HTML页面之间传输表单数据。