两个具有相同图像的图像类型按钮

Question

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

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

Answer 1

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

这是另一种方法：

创建两个<buttons>或<input type="submit">并使用css为其背景设置样式。

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

Answer 2

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

在个案中，图像应该在html可用的同一文件夹中可用。

检查拼写错误。