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

标签 html

<分区>

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

<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,这是什么问题?

最佳答案

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

另一种方法:

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

如果您的目标是在表单中提交 png 图像,这里有一个类似的答案:<button> background image

关于html - 两个具有相同图像的图像类型按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27671477/

相关文章:

html - 在 Thymeleaf 中为图像设置 CSS 样式

javascript - 如何在选择中显示输入类型?

javascript - 使用 XHR 或 Fetch API 的 HTTP/2 服务器推送

javascript - 可滚动表排序 - 如何抑制水平滚动位置平移的伪影,以保持滚动位置?

html - MetroUI CSS 将图标显示为控制字符

html - 如何让 child 成长并包裹在第一个元素下面?

javascript - 如何在一个页面上托管六个以上的 html5 视频播放器?

javascript - 从原始 HTML 检测 ajax 请求

javascript - 提取并调用元素的 onclick HTML 属性中定义的 JavaScript 函数(使用 jQuery attr/prop)

javascript - 深度路由未按预期工作 ui-router