Fare un'immagine si comporta come un pulsante

Question

Sto lavorando a una semplice pagina HTML in cui ho questa immagine che voglio agire come un pulsante.

Ecco il codice per la mia immagine:

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

E in fondo voglio aggiungere questa funzionalità in esso:

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

Il testo sul pulsante stesso che dice Invia non è necessario come la mia immagine ha il testo di cui ha bisogno.

Quindi, è possibile? e se sì, come? :)

Answer 1

Sembra che si desidera un pulsante di image:

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

In alternativa, è possibile utilizzare i CSS per rendere il pulsante esistente submit utilizzare l'immagine come sfondo.

In ogni caso, si non vogliono un <img /> elemento separato sulla pagina.

Answer 2

È possibile implementare un blocco JavaScript che contiene una funzione con le proprie esigenze.

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

Answer 3

È possibile usare un image submit button:

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

Non