使图像像按钮一样

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>

Answer 3

您可以使用image submit button：

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