使图像像按钮一样

Question

我正在处理一个简单的 HTML 页面，其中有一张我想用作按钮的图像。

这是我的图像的代码：

 <div style="position: absolute; left: 10px; top: 40px;">
    <img src="logg.png" width="114" height="38">
</div>

基本上我想将此功能添加到其中：

 <div>
    <input id="saveForm" name="saveForm" class="btTxt submit" type="submit" value="Submit"/>
</div>

不需要按钮本身上显示“提交”的文本，因为我的图片有它需要的文本。

所以无论如何，这可能吗？如果是这样，怎么做？ :)

原文由 Kevin 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

听起来你想要一个 image 按钮：

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

或者，您可以使用 CSS 使现有的 submit 按钮使用您的图像作为其背景。

在任何情况下，您 都不 希望页面上有一个单独的 <img /> 元素。

原文由 VoteyDisciple 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

您可以实现一个 JavaScript 块，其中包含您需要的函数。

 <div style="position: absolute; left: 10px; top: 40px;">
    <img src="logg.png" width="114" height="38" onclick="DoSomething();" />
</div>

原文由 mburm 发布，翻译遵循 CC BY-SA 3.0 许可协议