如何在提交後轉到下一個表單，但它在同一頁上

我想根據表單進行調查，在這種表單中，我嘗試在如下所示的第一個表單上提交新的（下一個）表單。如何在提交後轉到下一個表單，但它在同一頁上

<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

如何在提交後轉到下一個表單，但它在同一頁上

回答

相關問題