html - 如何在使用图像类型按钮以 HTML 表单提交时删除 x 和 y？

Question

我在我的应用程序中创建了一个表单，如下所示:

<form action="/search/" method="get">
   <input id="search-box" name="search" type="text" size=30 title="Search" value="" />
   <input id="search-submit" type="image" alt="Search" src="/images/search-button.gif" /> 
</form>

但是当我提交我的表单时，URL 被创建如下:

mysitename.com/search/?search=hello&x=0&y=0

谁能告诉我为什么这个 x 和 y 会出现在我的 URL 中。如果我按如下所示更改我的表单代码，那么在更多的东西而不是图像按钮上它工作正常，

<form action="/search/" method="get">
   <input id="search-box" name="search" type="text" size=30 title="Search" value="" />
   <input id="search-submit" type="submit" value="Search"/> 
</form>

但我需要一个图像按钮来使我的表单看起来不错。请告诉我如何从 URL 中删除这些 x 和 y 参数。

Answer 1

提交按钮 type="image"你总是会得到鼠标坐标

您可以使用标准的提交类型按钮，只需对其应用样式即可更改外观。

<input type="submit" id="search-submit" value=""
    style="background-image: url(/images/search-button.gif); border: solid 0px #000000; width: WIDTHpx; height: HEIGHTpx;" />