<input type=“image” /> 通常用于什么？

Question

我单击它并提交表单，并附加一个查询字符串，例如 x=1&y=2 表单操作所针对的 url。

为什么？

Answer 1

它的行为类似于迷你图像。这是设计的。

Answer 2

x 和 y 值是单击时鼠标指针相对于元素的坐标。

来自 HTML 4.02规范：

  

使用指点设备点击图像时，会提交表单并将点击坐标传递给服务器。 x值是以图像左侧的像素为单位测量的，y值是从图像顶部开始的像素值。提交的数据包括name.x = x-value和name.y = y-value其中＆quot; name＆quot;是name属性的值，x值和y值分别是x和y坐标值。

Answer 3

  

IMAGE是FORMs的INPUT元素的TYPE属性值。它指定可以单击以将信息传递到处理脚本的图像。在实现中，此表单TYPE的行为与INPUT TYPE = SUBMIT字段非常相似，但与SUBMIT字段不同，除了表单数据的其余部分之外，已激活的图像的坐标也会发送回服务器。

来自 eskimo.com

Answer 4

从图像提交按钮提交时，IE 和 Firefox 都会创建不同的变量。我的建议是不要依赖表单处理中存在的任何一个。如果您必须（为了确定按下了多个按钮中的哪一个），您将需要检查多个变量。

我将向您提供三个猜测，哪个浏览器会导致问题，前两个不算。如果您有一个图像按钮

<input type="image" name="restore" value="Restore" src="...">

当用户点击时，Mozilla 将返回值

恢复=恢复

Restore_x = 距图像顶部的像素数

Restore_y = 距图像左边缘的像素数

然而 IE 将 不是 返回恢复=恢复模板键/值。所以如果你在一种浏览器中开发然后在 IE 中测试你可能会被抓住，因为

isset($_POST['restore'])

在 IE 中总是返回 false，但在 Mozilla 中会按预期工作（可能还有 Opera，但我不知道）。

• 来自 2004 年 webmasterworld.com 论坛帖子，我刚刚用谷歌搜索

Answer 5

这些是您在图像上单击的坐标，“图像”的属性。输入控制的类型。如果你不需要，你可以忽略它们。