使图像像按钮一样

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>

由于我的图像具有所需的文本,因此不需要按钮本身上显示提交的文本.

无论如何,这可能吗？如果是的话,怎么样？:)

Answer 1

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

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

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

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

Answer 2

您可以实现一个JavaScript块,其中包含一个满足您需求的函数.

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