将 HTML 放入提交按钮的值中答案

【问题标题】：Put HTML into submit button's value将 HTML 放入提交按钮的值中
【发布时间】：2012-11-24 10:48:26
【问题描述】：

我有一个用于保存表单的提交按钮。在提交按钮内，我想使用 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

【问题讨论】：

标签： html forms input submit

【解决方案1】：

您是否尝试过这样的button 标签：

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

【讨论】：

【解决方案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" />

【讨论】：