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

出现奇怪的情况 - 当我将按钮的“类型”从“按钮”更改为“图像”时，它停止工作。我在我的网站上做了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”。该按钮显示正常，但点击后，我只能返回到原来的页面上。

真正搞砸我的是代码的第二部分在我网站的其他部分工作得非常好。只是这个页面，它没有处理。

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

来源

2012-10-04 Anthony

您可能已将图像映射放置在窗体中。当你点击它时你正在提交表单。

您应该改用常规链接。这里不需要使用图像映射或JavaScript。

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

来源

2012-10-04 05:56:47 Quentin

简单<img />标签可以使用背景图像定位标记also..or onClick事件上 –

图像讲述其中的链接进入的用户。它是内容。背景图片不合适。 – Quentin

图像的设计不是交互式控件，所以默认情况下它们不能被聚焦。图像不应该是某些东西的点击目标（包含图像的链接很好，链接是点击目标）。 – Quentin

您需要return false从事件处理防止默认动作作为输入type=image充当提交按钮。

可以使用也可以使用，而不是<input />

来源

2012-10-04 06:04:22

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

回答

相关问题