如何防止HTML窗體按鈕鏈接到相同的位置

Question

我想在我的網站上創建一個'排序'部分，我可以通過價格ASC或DESC對產品進行排序，我完全使用PHP對它進行了編碼，工作正常，沒有在我的網站上的搜索條碼，我的問題是，當我按下按鈕我已經命名爲'排序'，它有些如何與我以前的HTML表單用於我的搜索欄混淆..

所以重新定向直「的search.php」，而不是隻增加至目前的搜索欄

這裏是我的HTML表單代碼「排序= PriceAsc？」：

<!-- Search form --> 

<div ID = "Search"> 
<form action="Search.php" method="post"> 
<input type="text" name="SearchQuery" size="60" style="border:3px solid #000" placeholder = "Search"/> 
<input type="submit" name="Submit" value="Search" /> 
</div> 


<!-- Sort form --> 

<div ID = "Sort"> 
<form method="get" name="Sort"> 
<select name="Sort"> 
<option value="">--Select--</option> 
<option value='PriceAsc'>Price: Low - High</option> 
<option value='PriceDesc'>Price: High - Low</option> </select> 
<input type="submit" value="Sort"/> 
</form> 
</div> 

我真的不知道該如何解決這個問題，我已經嘗試了這麼多的事情，比如添加+改變形式的行動等

而且最後要指出的是，我可以添加「？排序= PriceAsc '或'？Sort = PriceDesc'到網址欄上，它工作正常，但我真的希望我的表單按鈕能夠執行此任務。

Answer 1

你缺少一個右表單標籤（見一擊）

<!-- Search form --> 

<div ID = "Search"> 
<form action="Search.php" method="post"> 
<input type="text" name="SearchQuery" size="60" style="border:3px solid #000" placeholder = "Search"/> 
<input type="submit" name="Submit" value="Search" /> 
</form> 
</div> 


<!-- Sort form --> 

<div ID = "Sort"> 
<form method="get" name="Sort"> 
<select name="Sort"> 
<option value="">--Select--</option> 
<option value='PriceAsc'>Price: Low - High</option> 
<option value='PriceDesc'>Price: High - Low</option> </select> 
<input type="submit" value="Sort"/> 
</form> 
</div> 

我建議你的名字的形式了。