Question

我正在使用免费版本的Basin作为我的表单的后端，提交后，它将重定向到Basin的页面，但是我想重定向到发票页面。因此，我想在发票页面上创建“提交”按钮。

Form.html

<form id="myform" action="https://usebasin.com/code" method="POST">
    <input name="name" />
    <input name="email" />
    <input name="number" />

    <a href="invoice.html">Proceed</a>
</form>

Invoice.html

<p>Invoice details</p>
<button for="myform"  type="submit">Submit</button>

Answer 1

这不是表单的工作方式。阅读有关html表单的本文： https://www.w3schools.com/html/html_forms.asp

<form id="myform" action="YOUR_ADDRESS/invoice.html" method="POST">
    <input name="name" />
    <input name="email" />
    <input name="number" />
    <input type="submit" value="Send">
</form>

通过这种方式，您可以将所有参数发送到invoice.html文件。

Answer 2

HTML中的“提交”按钮始终是指其显示的表单。因此，仅使用HTML时，您不能提交带有按钮的表单，该按钮位于页面的其他位置甚至是不同的页面上。

另一方面，

<a href="invoice.html">Proceed</a>仅加载新页面而不提交表单数据。并且以这种方式加载第二页（invoice.html）后，第一页中的表单数据将丢失。（除非invoice.html在另一个选项卡中打开，否则您可能可以使用JavaScript从第一个选项卡中获取表单数据。）

如果需要将表单分为多个页面，则可以将每个步骤分别发送到服务器，也可以将表单数据存储在本地或会话存储中，并在最后一步/页面上使用JS将数据发送到服务器

Answer 3

<button>元素可以具有与form的{{1}}匹配的id属性，请参阅：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button

<form>

它们都必须在同一页面上。

如何在HTML

3 个答案: