如何通过图像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中获取了x
和y
参数。 聪明!
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。 希望这个把戏会帮助你。