javascript - HTML中如何在表单之间传递参数？

Question

我有一个两步注册过程，由 2 个不同的 HTML 页面组成。 第二步(也是最后一步)收集所有数据并将其发送到服务器进行评估。为了简单起见，假设我在第一种形式中收集用户的姓名，在第二种形式中收集用户的年龄:

formA.html:

<form action="formb.html" method="get">
      Name: <input id="age" type="text" name="age">
      <input id="submit_button" type="submit" value="CONTINUE">
</form>

formB.html:

<form action="serverscript.py" method="post">
      Age: <input id="name" type="text" name="name">
      <input id="submit_button" type="submit" value="SUBMIT">
</form>

如何将用户在 formA.html 中输入的“名称”“传播”到 formB.html 以便我可以将名称、年龄发送到服务器？

附:我能想到的唯一方法是用它来执行此操作，然后解析 formB 中的 URL，但这看起来非常丑陋......

Answer 1

formA.html:

 <form action="formb.html" method="get">
          Name: <input id="Name" type="text" name="Name">
          <input id="submit_button" type="submit" value="CONTINUE">
    </form>

在表单 B 中进行此更改...

formB.html:

<form action="serverscript.py" method="post">
      Age: <input id="age" type="text" name="age">
      <input id="Name" type="hidden" value="">
      <input id="submit_button" type="submit" value="SUBMIT">
</form>
 <script type="text/javascript">
    var query = window.location.search.substring(1);
    var Field=query.split("=");
    document.getElementById("Name").value = Field[1];
</script>

希望能有所帮助;)