使圖像像一個按鈕一樣行動

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" />