如何使用图像类型按钮删除HTML格式的提交中的x和y?

Pra*_*ant 50 html forms url query-string

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

<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>
Run Code Online (Sandbox Code Playgroud)

但是当我提交表单时,会创建如下URL:

mysitename.com/search/?search=hello&x=0&y=0
Run Code Online (Sandbox Code Playgroud)

任何人都可以告诉我为什么这个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>
Run Code Online (Sandbox Code Playgroud)

但是我需要一个图像按钮才能让我的表格看起来很棒.请告诉我如何从URL中删除这些x和y参数.

Eoi*_*ell 71

您将始终获得提交按钮类型="图像"的鼠标坐标

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

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

  • 最后我采用了你的解决方案,而不是编写另外5-6或更多... javascript代码行:) (3认同)
  • 我必须添加`background-color:transparent;`以确保相同的显示,因为我的图像具有看起来是白色的透明像素 (2认同)