如何删除x和y的提交在HTML表单的图像类型按钮？
如何删除x和y的提交在HTML表单的图像类型按钮？
提问于 2009-04-29 10:03:46
我在我的应用程序中创建了一个表单，如下所示：
<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参数。
回答 4
Stack Overflow用户
回答已采纳
发布于 2009-04-29 10:11:25
你将总是得到提交按钮图像“type=”的鼠标坐标。
您可以使用标准的提交类型按钮，只需对其应用样式即可更改外观。
<input type="submit" id="search-submit" value=""
style="background-image: url(/images/search-button.gif); border: solid 0px #000000; width: WIDTHpx; height: HEIGHTpx;" />Stack Overflow用户
发布于 2009-04-29 10:05:18
它们是鼠标单击的坐标。我不认为有任何方法可以防止它们--如果你使用<input type='image'>，那么你就会得到它们。为什么这是一个问题？你就不能忽略他们吗？
回答Prashant的评论: Digg正在向<input>添加onclick处理程序(或者可能是表单的onsubmit处理程序)，该处理程序构建外观整洁的搜索URL，并将浏览器重定向到该URL，然后返回false以阻止<input>提交表单本身。如果您关闭了JavaScript，您将看到在URL中确实获得了x和y参数。聪明的!
Stack Overflow用户
发布于 2009-04-29 10:26:57
document.getElementById("formid").submit = function() {
location = "/search/?search=" + encodeURIComponent( document.getElementById("search-box").value );
return false;
};页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/801702
复制相关文章
相似问题
腾讯云开发者
