Tworzenie obrazu działa jak przycisk

Question

Pracuję nad prostą stroną HTML, w której mam obraz, który chcę działać jako przycisk.

Oto kod dla mojego obrazu:

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

I w zasadzie chcę dodać tę funkcjonalność do niego:

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

Tekst na przycisku samego, który mówi Prześlij nie jest potrzebna jako mój obraz zawiera tekst, którego potrzebuje.

Tak czy inaczej, czy to możliwe? a jeśli tak, to jak? :)

Answer 1

Brzmi jak chcesz się image przycisk:

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

Alternatywnie można użyć CSS, aby istniejący przycisk submit użyć obrazu jako tła.

W każdym razie, nie chcą oddzielny <img /> elementu na stronie.

Answer 2

Możesz zaimplementować blok JavaScript, który zawiera funkcję odpowiadającą Twoim potrzebom.

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

Answer 3

Można użyć image submit button:

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