html - 使图像像按钮一样

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>

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

那么无论如何，这可能吗？如果是这样，如何？:)

score 59 · Accepted Answer

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

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

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

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

score 13 · Accepted Answer

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

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

score 4 · Accepted Answer

<input type="image"  id="saveform" src="logg.png " alt="Submit Form" />

3 回答 3