如何消除 表單from 使用 Image 當按鈕出現的多餘參數
- 2010-01-12
- 12324
- 0
如果我們建立了一個表單,而且將此表單設定為 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 而不讓瀏覽器自動傳送點選的座標參數,順眼多了。
回應討論