删除 submit.x 和 submit.y 但保留 URL 中的其他值答案

【问题标题】：Remove submit.x and submit.y but retain other values in URL删除 submit.x 和 submit.y 但保留 URL 中的其他值
【发布时间】：2010-11-17 15:47:34
【问题描述】：

使用我的 PHP 表单，我想将一个值传递给 URL，但删除 submit.x 和 submit.y。这是我的表格：

<form action="booking.php" method="get">    
<input type="image" value="access" class="rollbtn" src="../images/book-btn.gif" alt="Book" name="submit" />
</form>

我希望 URL 显示 booking.php?submit=access - 但忽略 type="image" 产生的 x 和 y 坐标。如果我添加 onsubmit="this.submit();return false;" 它会删除所有内容。有没有办法做到这一点，还是我应该只使用 type="submit" 并设置按钮样式？

【问题讨论】：

标签： php javascript html forms submit

【解决方案1】：

你有几个选择。

输入类型 submit with src of an image;
输入类型提交CSS背景图片；或
使用 Javascript 提交的图像提交；

图像提交是为了让您可以获取点击位置的坐标。这在图像地图上可能很重要。

【讨论】：

【解决方案2】：

你可以使用：

<button type="submit"><img src="../images/book-btn.gif" alt="Book" /></button>

然后使用适当的 CSS 移除按钮元素的默认样式，例如边框。

【讨论】：

请记住，在 IE6/IE7 中，您会在 URL 上看到这个垃圾：submit=<img%20src="../images/book-btn.gif"%20alt="Book" %20/> （这是在 IE8 中修复的记录）
NickFitz，您的代码有一个空标记符号。选择一个或另一个。 :)
@epascarello：它是 HTML 5，这是有效的 HTML 标记 - 前沿 ;-)

【解决方案3】：

我遇到了类似的需求，我使用 jQuery 解决了这个问题：

<script src="where_you_have_jquery.js"></script>
<script>
$('#my_form').submit(function(){
   $('#submit_img').attr('disabled',true); 
});
</script>

您的提交图片必须具有“submit_img”（在这种情况下）作为其 id 属性，才能正常工作。还有你的表单 id="my_form"。

【讨论】：

它几乎对我有用，只是无论如何都不会调用“提交”。但是，当我在“onClick”上编写代码时，禁用提交图像的基本想法对我有用。