按钮类型=“图像”不起作用

Question

遇到了一个奇怪的情况 - 当我将按钮的“类型”从“按钮”更改为“图像”时，它停止工作。我已经在我的网站上进行了 100 次这种更改，而且我以前从未遇到过这个问题。

相关代码如下：

//working
<input type="button" value="Back" onClick="window.location='some/page.php'" />

//not working
<input type="image" src="/link/to/image.png" onClick="window.location='some/page.php'" />

我已经使用第一个代码对其进行了测试，并检查它会将我转到所需的页面。然后我只是简单地改变了类型并用相关的“src”替换了“value”。按钮显示正常，但点击后，我只是回到原来的页面。

真正困扰我的是，第二个 sn-p 代码在我网站的其他部分运行得非常好。只是这个页面无法正常工作。

真的很困惑 - 有人遇到过这个问题或有任何建议吗？

Answer 1

您需要从 事件处理程序 中 return false 以防止 默认操作，因为输入 type=image 充当提交按钮。

您也可以使用简单的<img /> 标签代替<input />

Answer 2

您可能已经将图像映射放入了一个表单中。当您单击它时，您正在提交表单。

您应该改用常规链接。此处无需使用图像映射或 JavaScript。

<a href="some/page.php">
    <img src="/link/to/image.png" alt="appropriate alternative text goes here">
</a>