Javascript按鈕與圖像/ css？

Question

我已經走了有點愚蠢的問題... 無法弄清楚如何創建圖像 到目前爲止，我已經來到了

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

而不是一個按鈕，「後退」按鈕，我想有fe圖像/ back.jpg按鈕

我需要在css中創建一個新的類按鈕嗎？

謝謝！

Answer 1

您可以使用<button>標記和圖像作爲html內容。

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

Answer 2

你可以在按鈕上使用背景URL風格。

<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> 

見fiddle