1 html上的多个表单

时间:2015-11-21 01:52:45

标签: html5 forms

我正在尝试执行以下操作。在html文件上有6种不同的形式,它们都是帖子形式。我希望页面顶部有按钮,每个按钮都与特定表格相对应。

实现这一目标的最佳方法是什么?

我似乎无法在目标文件中使用post方法。

1 个答案:

答案 0 :(得分:1)

您可以在下面执行以下操作。我们在页面顶部创建了两个按钮。他们都调用submitform JavaScript函数,但使用不同的参数。参数是表单的名称。该函数只接受表单的名称并提交它。

form.php
--------

<?php
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    echo '<pre>';
    print_r($_POST);
    echo '</pre>';
}
?>

<button id="button1" name="b1" onclick="submitform('form1');">Submit Form1</button>
<button id="button2" name="b2" onclick="submitform('form2');">Submit Form2</button>

<form id="form1" action="form.php" method="POST">
<input type="text" id="i1" name="i1">
<input type="hidden" id="h1" name="i1" value="form1">
</form>

<form id="form2" action="form.php" method="POST">
<input type="text" id="i2" name="i2">
<input type="hidden" id="h2" name="i2" value="form2">
</form>

<script>
function submitform(formname) {
    document.forms[formname].submit();
}
</script>

结果:

When you press Submit Form1:
Array
(
    [i1] => form1
)

When you press Submit Form2:
Array
(
    [i1] => form2
)