input 元素生成鼠标点击的 x 和 y 坐标答案

【问题标题】：input element generates x and y coordinates of mouse clickinput 元素生成鼠标点击的 x 和 y 坐标
【发布时间】：2016-11-30 00:08:13
【问题描述】：

我需要提交页面，并且我选择使用元素来执行此操作，并且图像在悬停时会放大一点。

由于这个问题的奇怪性质，我在谷歌上没有发现这个主题的重要性，因为我无法用简单的关键词来表达它。

这是 php。（我知道 echo html 元素是不好的做法，但让我们专注于手头的问题。）

echo '<form method="get">';
echo '<input type="hidden" name="v" value="30" />';
echo '<div class="hover01 column">';
echo '<div>';
echo '<figure>';
echo '<input type="image" name="submit" src="http://[img host]/image.jpg" border="0" alt="Submit"/>';
echo '</figure>';
echo '</div>';
echo '</div>';
echo '</form>';

现在，当我单击图像时，我应该传递 GET 值，但它也会传递像这样在图像上发生单击的 x,y 位置

&submit.x=24&submit.y=34

如何删除额外的两个值，使 URL 看起来像这样漂亮整洁

http://localhost/vlp/?v=5

而不是这个

http://localhost/vlp/?v=5&submit.x=24&submit.y=34

如果我将 <input> 元素更改为 <img> 元素，则没有额外的 GET 值，但我需要使用新值提交并重新加载页面，并使图像在悬停时放大。

这可以在没有 Javascript 的情况下完成吗？

【问题讨论】：

标签： html css image button transform

【解决方案1】：

我将只使用<button> 来修复 URL 中的额外 GET 值

【讨论】：