具有相同图像的两个图像类型按钮[关闭]答案

【问题标题】：Two image-type buttons with the same image [closed]具有相同图像的两个图像类型按钮[关闭]
【发布时间】：2014-12-29 18:32:59
【问题描述】：

我的页面上有两个图像类型的按钮：

<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，有什么问题？

【问题讨论】：

奇怪的错误。在我的服务器上试过。加载两个按钮就好了。
您发布的代码完全有效。页面上一定有其他东西搞砸了。
你的图片是在同一个目录下还是在上层还是下层？

标签： html

【解决方案1】：

您缺少 ALT 值。如果无法加载图像，则需要这些： https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input

这是另一种方法：

创建两个 <buttons> 或 <input type="submit"> 并使用 css 设置它们的背景。

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

【讨论】：

谢谢！这确实有帮助！

【解决方案2】：

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

在你的情况下，图像应该在 html 可用的同一文件夹中可用。

检查拼写错误。

【讨论】：