Làm cho một hình ảnh hoạt động như một nút

Question

Tôi đang làm việc trên một trang HTML đơn giản, nơi tôi có hình ảnh này mà tôi muốn hoạt động như một nút.

Đây là mã cho hình ảnh của tôi:

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

Và về cơ bản tôi muốn thêm chức năng này vào nó:

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

Các văn bản trên nút riêng của mình mà nói Submit là không cần thiết như hình ảnh của tôi có văn bản cần.

Vì vậy, dù sao, điều này có khả thi không? và nếu có, làm thế nào? :)

Answer 1

Có vẻ như bạn muốn một image nút:

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

Ngoài ra, bạn có thể sử dụng CSS để làm cho nút hiện submit sử dụng hình ảnh của bạn như là nền tảng của nó.

Trong mọi trường hợp, bạn không muốn có phần tử <img /> riêng biệt trên trang.

Answer 2

Bạn có thể triển khai khối JavaScript có chứa chức năng theo nhu cầu của bạn.

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

Answer 3

Bạn có thể sử dụng một image submit button:

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