it-swarm.com.de

Ein Bild wie eine Schaltfläche wirken lassen

Ich arbeite an einer einfachen HTML-Seite, auf der ich dieses Bild habe, das ich als Schaltfläche verwenden möchte.

Hier ist der Code für mein Bild:

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

Und im Grunde möchte ich diese Funktionalität hinzufügen:

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

Der Text auf der Schaltfläche selbst mit der Aufschrift "Senden" wird nicht benötigt, da mein Bild den erforderlichen Text enthält.

Ist das überhaupt möglich? und wenn ja, wie? :)

26
Kevin

Es hört sich so an, als ob Sie einen image -Button möchten:

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

Alternativ können Sie mit CSS festlegen, dass die vorhandene Schaltfläche submit Ihr Bild als Hintergrund verwendet.

In jedem Fall möchten Sie nicht ein separates <img /> Element auf der Seite.

50
VoteyDisciple

Sie können einen JavaScript-Block implementieren, der eine Funktion enthält, die Ihren Anforderungen entspricht.

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

Sie können einen Button zum Senden von Bildern verwenden :

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