如何在提交后转到下一个表单，但它在同一页上

我想根据表单进行调查，在这种表单中，我尝试在如下所示的第一个表单上提交新的（下一个）表单。如何在提交后转到下一个表单，但它在同一页上

<form id="pass" action="form.html" method="get"> 
---some code for users to select answers-- 
<button type="submit" form="nextpass" value="next"> 
</form> 
<form id="nextpass" action="form.html" method="get">

两种形式都显示在同一页上，但是当我按下下一个按钮时，出现错误“无法获取/”。

来源

2017-10-20 johnydogz

不清楚你在问什么。你是否真的不想提交表单，但只跳转到页面的特定部分，或者甚至可能将焦点放在特定的表单字段上？然后使用锚链接，而不是按钮。 – CBroe

我当然想要，这是调查的目的:)提交的东西将被放在表格完成的末尾，但我要求的是在完成每个表格后的“下一个”时的多个表格，例如：我完成了一个窗体然后我点击旁边的另一种形式（它在同一页/相同的调查主题），但我可以使用锚链接，在这种情况下，但我不知道是否有可能打破页面中的每个形式在HTML（br行高会做到这一点，但对我来说似乎不舒服）。 – johnydogz

您可以为表单或父级容器元素指定一个“最小高度：100vh”，以便每个元素至少覆盖一个屏幕高度......这将是一种便宜而简单的方法，可以让您获得下一个“页”。如果你想要更多，那么我建议你去找一个JavaScript“标签界面”解决方案。 – CBroe

最简单的方法是给每个提交按钮一个唯一的名称。然后检查它是否已提交，并据此进行处理。

<form id="form_1" action="" method="post"> 
<input type="submit" name="submit_1" value="Submit" /> 
</form> 

<form id="form_2" action="" method="post"> 
<input type="submit" name="submit_2" value="Submit" /> 
</form> 


<?php 

if($_POST['submit_1']) { 

// Do stuff 

//hide form 1 
echo "<style>#form_1{display:none}</style>"; 
     } 
     else if($_POST['submit_2']) { 

      // Do stuff 

     } 

     ?>

来源

2017-10-20 21:26:08 M0ns1f

使用PHP或JavaScript我知道可以做到，但我想知道是否可以使用HTML完成（也许有一个由HTML5功能）？ – johnydogz

提交一个表单，你需要一个服务器端语言，你不能通过HTML只有你会需要阿贾克斯 – M0ns1f

如何在提交后转到下一个表单，但它在同一页上

回答

相关问题