两个具有相同图像

图像式按钮我有我的页面上有两个图像式按钮：两个具有相同图像

<input type="image" src="logg.png" name="saveForm" class="btTxt submit" id="saveForm" /> 
<input type="image" src="logg.png" name="saveForm1" class="btTxt submit" id="saveForm1" />

的问题是按钮的图像不加载。当我摆脱其中一个按钮时，一切都很好。按钮有不同的名称和ID，问题是什么？

来源

2014-12-27 user132181

奇怪的错误。尝试在我的服务器上。加载两个按钮就好了。 – Mouser

您发布的代码完全有效。页面上一定有其他的东西搞砸了。 –

你的图像在同一个目录下，或者它们是一个目录吗？ – Michelangelo

你错过了ALT值。这些都需要柜面图像无法加载： https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input

这里的另一种方法：

创建两个<buttons>或<input type="submit">和使用CSS样式他们的背景。

如果你的目标是提交表单的png图片，有一个类似的答案在这里：<button> background image

来源

2014-12-29 10:32:59 Giwan

谢谢！这实际上有帮助！ – user132181

检查图像源位置是否有效，并且图像在浏览器正在搜索的位置可用。通过右键单击图像按钮来检查，使用选项Inspect element（仅在更高版本的浏览器中可用）并检查图像的源位置。

在这种情况下，图像应该可用在可用html的相同文件夹中。

检查拼写错误。

来源

2014-12-29 10:16:10

两个具有相同图像

回答

相关问题