2页表格在同一页面上

时间:2015-12-20 13:47:23

标签: php html forms

我的学习手册给了我一个作业,要求我在一个页面上有两个表格并将它们输出到同一页面。这甚至可能吗?两种形式都可以独立工作。两者都有行动:

<?php echo $_SERVER['PHP_SELF']; ?>". 

两者都有一个提交按钮,但按钮只提交它所属的表单。这可能会让人感觉到。

我需要页面在单击2个提交按钮之一时发布两个表单输出或随后按下它们,但第一个表单中的信息需要保留在页面上。

这是可能的,还是我正在努力做到不可能?

表格如下;

表单1:

<form name="orderform" action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
Korting:
 <tr>
 <td>
 <input type="checkbox" name="korting[]" value=15 /> Student 15% <br>
 <input type="checkbox" name="korting[]" value=10 /> Senior 10% <br>
 <input type="checkbox" name="korting[]" value=5 /> Klant 5% <br>
 <hr />
 </td>
 </tr>
 <tr>
 <td>
 betalingswijze
 <input type="radio" name="betalingswijze" value="paypal"> Paypal
 <input type="radio" name="betalingswijze" value="mastercard"> Mastercard
 <input type="radio" name="betalingswijze" value="visa"> Visa
 <hr />
 </td>
 <tr>
 <td>
    <img src="toshiba.jpg" alt=" " />
 </td>
 </tr>
 <tr>
 <td>
    Toshiba Sattelite A100-510 Basisprijs 999.99
</td>
</tr>
<tr>
<td><!--Shopping Cart Begin-->
    <input type="hidden" name="toshibaproduct" value="001" />
    <input type="hidden" name="toshibamerk" value="toshiba" />
    <input type="hidden" name="toshibamodel" value="Sattelite A100-510" />
    Operating system <select name="toshibaos" value="Toshiba">
    <option value="xp">Windows XP</option>
    <option value="vista">Windows Vista</option>
    <option value="linux">Linux</option>
    </select>
    Aantal: <input type="text" size=2 maxlength=3 name="toshibaaantal" value="0" />
    <input type="hidden" name="toshibaprijs" value="999.99" />

    <input type="image" src="bestel.jpg" border=0 value="bestellen" />
    <hr />

 <tr>
 <td>
    <img src="acer.jpg" alt=" " />
 </td>
 </tr>
 <tr>
 <td>
    Acer Aspire 5735Z Basisprijs 529.99
</td>
</tr>
<tr>
<td>    
    <input type="hidden" name="acerproduct" value="002" />
    <input type="hidden" name="acermerk" value="acer" />
    <input type="hidden" name="acermodel" value="Aspire 5735Z" />
    Operating system <select name="aceros" value="Acer">
    <option value="xp">Windows XP</option>
    <option value="vista">Windows Vista</option>
    <option value="linux">Linux</option>
    </select>
    Aantal: <input type="text" size=2 maxlength=3 name="aceraantal" value="0" />
    <input type="hidden" name="acerprijs" value="529.99" />

    <input type="image" src="bestel.jpg" border=0 value="bestellen" />
    <hr />
    </td><!--Shopping Cart End-->
</tr>
</form>

表格2

<form name="klant gegevens" action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
<table border=1 >
<tr>
<td colspan="2">
    <b>Factuur klantgegevens</b>
</td>
</tr>
<tr>
<td width="100">Naam: </td>
<td>
    <input type="text" sie="55" name="naam" />
</td>
</tr>
<tr>
<tr>
<td>Adres: </td>
<td>
    <input type="text" sie="55" name="adres" />
</td>
</tr>
<tr>
<td>Woonplaats:</td>
<td>
    <input type="text size="34" name="woonplaats">
    Postcode:<input type="text" size="6" name="postcode">
</td>
</tr>
<tr>
<td>e-mail:</td>
<td>
    <input type="text" size="55" name="email">
</td>
</tr>
<tr>
<td>Feedback:</td>
<td>
<textarea cols="40" rows="3" name="commentaar">
</textarea>
</td>
</tr>
</table>
<input type="image" src="checkout.png" value="send"/>
</form>

两者都有提交的功能。对不起,间距。我在自己的文件中更好地使用它们,但我不知道如何在这个网站上正确使用它们。

问候,

伦纳特

2 个答案:

答案 0 :(得分:0)

DUPLICATE POST

是的,你可以!

首先,向所有表单添加适当的操作,其次,为它们指定一个唯一的名称

HTML端

不要忘记添加你想要的http方法(GET或POST)

x + y + z ≤ r

<form method="post"> <input type="hidden" name="orderform" /> <!-- rest of form goes here --> </form> <form method="post"> <input type="hidden" name="klant_gegevens" /> <!-- rest of form goes here --> </form> - 属性留空或完全删除它会使表单提交到当前页面(see this post),action的使用会导致XSS注入{{ 3}}

注意:

避免在字段名称中使用空格,它可能会产生一些问题以匹配它们......

PHP端

通过过滤收到的表单名称来获取输入值

$_SERVER["PHP_SELF"]

注意:

使用read under "Big Note on PHP Form Security"print_r()调试交换值的内容

答案 1 :(得分:0)

你的表格应该是这样的。
 第一种形式

 <form method="post" >
      ... 
   <input type="hidden" name="form1submission" value="yes" >
    <input type="submit" name="submit" value="Submit" >
  </form>

第二种形式

  <form method="post" >
      ... 
   <input type="hidden" name="form2submission" value="yes" >
    <input type="submit" name="submit" value="Submit" >
  </form>

和你的第一个表格的PHP。

  if('POST' == $_SERVER['REQUEST_METHOD'] && isset($_POST['form1submission'])) {
        // first form code. 
   }

第二种形式的PHP代码。

  if('POST' == $_SERVER['REQUEST_METHOD'] && isset($_POST['form2submission'])) {
        // second form code. 
   }

就是这样。