將HTML放入提交按鈕的值

Question

我有一個用於保存表單的提交按鈕。在提交按鈕內我想使用HTML標記。我正在使用Font Awesome，我希望保存圖標出現在按鈕中保存的單詞旁邊。這樣做的HTML是

<i class="icon-save"></i> Save 

唯一的問題是，我似乎無法得到的HTML提交按鈕的value=""物業內呈現。我怎樣才能讓HTML呈現在提交按鈕內？這不解析HTML，它實際上呈現與文字內容

<input type="submit" value="<i class='icon-save'></i> Save" /> 

Here is an example of what I want

Answer 1

做你試試button標籤像這樣的按鈕：

<button type="submit"> 
    <i class='icon-save'></i> Save 
</button> 

Answer 2

使用背景圖片也可以實現這個JSFiddle

<input type="button" 
     style="background-image:url(http://icons.iconarchive.com/icons/double-j-design/ravenna-3d/24/Access-icon.png); 
     background-position:left; background-repeat:no-repeat; 
     padding-left:30px; padding-top:4px; padding-bottom:4px; padding-right:4px" 
     value="Save" />​