页面上的多个表单,每个表单都可以提交

Mutliple forms on a page with each one being able to submit

本文关键字:表单 都可以 提交      更新时间:2023-09-26

怎么可能在页面上有多个表单,每个表单都可以自行提交。当我像这样设置它时,第一个表单提交,但第二个表单不起作用。关于如何使其工作的任何建议?(我会在 1 页上有很多这样的表格)

谢谢

<form action="/order-form2.php" method="post">
<input type="hidden" name="phoneType" value="iPhone 2g - 4GB//ATT">
 <input type="hidden" name="price" value="75">
<div class="prodSize"><a href="#" onclick="document.forms[0].submit();">4 GB</a></div> 
</form>
   <form  action="/order-form2.php">
<input type="hidden" name="phone" value="iPhone 2g - 8GB//ATT">
 <input type="hidden" name="price" value="25">
<div class="prodSize"><a href="#" onclick="document.forms[1].submit();">8 GB</a></div> 
</form>
将其

用于第二形式,它将起作用。 因为默认方法设置为get,如果它没有方法。

<form action="/order-form2.php" method="post">

第一种形式是将方法设置为发布,第二种形式没有,如果您使用 POST 捕获,那么它是空的,将方法设置为发布或使用 GET 捕获,如果未设置方法,则默认为 GET

请使用以下内容

<form name='form1' id='form1' method='POST' action='/order-form1.php'>
    <a href="#" onclick='return document.forms.form1.submit();'>4 GB</a>
</form>

注意分配给表单的 id 和 name 属性,在 javascript 中使用它

相关文章: