如何通过图像typesbutton在HTML表单中提交x和y?

我在我的申请表中创build了一个表单,如下所示:

<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="http://img.dovov.comsearch-button.gif" /> </form> 

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

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

任何人都可以告诉我为什么这个x和y来到我的url。 更多的事情,而不是图像button,如果我改变我的表单代码如下,那么它的工作正常,

 <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> 

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

你总是会得到一个提交button的鼠标坐标type =“image”

你可以使用一个标准的提交typesbutton,只是应用样式来改变外观。

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

他们是点击的鼠标坐标。 我不相信有任何方法来阻止他们 – 如果你使用<input type='image'>那么你得到他们。 为什么这是一个问题? 你不能忽略它们吗?

回答Prashant的评论:Digg正在添加一个onclick处理程序到<input> (或者可能是一个onsubmit处理程序的forms),它构build了整洁的searchURL并将浏览器redirect到该URL,然后返回false以防止<input>从提交表格本身。 如果closuresJavaScript,您将看到您在URL中获取了xy参数。 聪明!

 document.getElementById("formid").submit = function() { location = "/search/?search=" + encodeURIComponent( document.getElementById("search-box").value ); return false; }; 

您可以简单地设置一个值,对于一个图像button,这将覆盖常规的坐标行为。 它为我工作。

例如 :

 <input type="image" value="submit" src="sup.png" name="supprimer" /> 

将返回PHPvariables$_POST['supprimer']而不是它的坐标作为图像button。 希望这个把戏会帮助你。