demoshop

demo, trying to be the best_

如果我們建立了一個表單,而且將此表單設定為 GET 並且又是使用圖片按鈕來當 Submit 在傳送的時候就會多出 x y 的參數,雖然好像很貼心,不過看了還滿礙眼的。

一個很一般的表單建立後

<form action="/Home/Index" method="get">
<input type="text" name="keyword" />
<input type="image" src="/Images/1263303786_4.png"/>
</form>

呈現的頁面如下


隨便輸入個「test」按下 Submit 後網址列的參數多出了 x 和 y

其實這 x y 是記錄我們點選該圖片的座標,但是通常這座標是不需要的,不需要的東西在網址列出現就顯得多餘,所以修改一下 Code 繞道而行

<form action="/Home/Index" method="get" onsubmit="this.submit();return false;">
<input type="text" name="keyword" />
<input type="image" src="/Images/1263303786_4.png"/>
</form>

這樣子當按下的時候就會直接使用 Submit 而不讓瀏覽器自動傳送點選的座標參數,順眼多了。

回應討論