Javascript Taste mit Bild/CSS?

Question

ich eine etwas dumme Frage gehen habe ... kann nicht herausfinden, wie eine Schaltfläche mit Bild erstellen Bisher habe ich die die

kommen

<form> 
    <input type="button" value="back" onclick="history.back()"> 
</form> 

Statt „Zurück“ -Button Ich möchte fe Bilder/back.jpg button

Muss ich eine neue Klasse Schaltfläche in CSS erstellen?

Vielen Dank!

Answer 1

Sie können <button> Tag und Bild als HTML-Inhalt verwenden.

<button type="submit" name="someName" value="someValue" onclick="history.back()"> 
 
    <img src="http://i.stack.imgur.com/IX7ZV.png" alt="SomeAlternateText"> 
 
</button>

Answer 2

Sie könnten einen Hintergrund url Stil auf die Schaltfläche verwenden.

<button class="button"></button><br> 
<input class="button" type="button" onclick="history.back()"> 
<style> 
.button { 
    height:50px; 
    width:50px; 
    background: url(https://lh3.ggpht.com/sqPcTNRtM6vc4pzWXWXIR6KxnRwbIz4LIYKvqwr1l__gPYkx24sV4Ak1oc2sN99dVA=w300); 
    background-size: 100% 100%; 
} 
</style> 

Siehe fiddle