如何将数据从一页上的表单发送到另一页上的另一表单？

Question

我有一个表格，用户可以在其中填写与产品相关的任何查询。我想获得用户填写的信息，并在用户单击提交时将其发送到新页面，向他们显示他们所写内容的摘要，然后提交他们的查询。在下面，您可以看到我的代码以及我要实现的目标。

enquiry.html：

<form method="GET" action="final.html" id="myform" class="contact-form">
<label id="fullname">Full Name*</label> <br />
<input name="name" id="name" class="txt-form name" type="text" />

<label id="mail">Email*</label> <br />
<input name="email" id="email" class="txt-form email" type="email" />

<label id="cheap">Have you found this item cheaper on a competitor website?*</label><br />

<label>
<input id="radio1" type="radio" name="radio" value="1">
<label for="radio1"><span><span></span></span>Yes</label>
<input id="radio2" type="radio" name="radio" value="2">
<label for="radio2"><span><span></span></span>No</label> <br />
</label>

<div id="url">
      <label>Competitor URL</label>
      <input name="url_name" id="url-link" class="txt-form" type="url">
</div>

<label id="msg">Enquiry Message* <span id="characters">(0/200)</span></label>
<textarea name="message" id="message" class="txt-form message"type="textarea"></textarea>
<p id="asterisk">Fields marked with an *asterisk are compulsory</p>
<input type="submit" class=" btn" id="submit" value="Submit your enquiry">
</form>

summary.html：

<div id="app" class="contact-main">
<form id="myform" class="contact-form">
</form>
</div>

JavaScript：

document.getElementById('app').innerHTML = `
<label>Full Name: </label>
<br /><br />

<label>Email:</label> <br /><br />

<label>Size of item selected:</label> <br /><br />

<label>Have you found this item cheaper on a competitor
    website?
</label><br /><br />

<div>
    <label>Competitor URL:</label> <br /><br />
</div>

<label id="msg">Enquiry Message</label><br /><br />
`;

如您在上面看到的，我有2个HTML文件。 enquiry.html包含用户可以填写信息的表格，summary.html包含可通过javascript填写的空白表格。我希望将在enquiry.html表单中输入的信息发送到summary.html表单。

我对PHP还是陌生的，所以如果有人可以解释如何进行此操作，它将非常有帮助。

Answer 1

您为什么有摘要表格？

此外，您还需要添加传递的变量：

document.getElementById('app').innerHTML = ` <label>Full Name: </label> ${name}.... <br /><br /> 

您可以从以下网址获取变量：

const url = new URL(location.href); 
const name = url.searchParams.get("name");