html - 将 HTML 放入提交按钮的值中

Question

我有一个用于保存表单的提交按钮。在提交按钮内，我想使用 HTML 标记。我正在使用Font Awesome，我希望保存图标出现在按钮中保存的单词旁边。用于此的 HTML 是

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

唯一的问题是我似乎无法让 HTMLvalue=""在提交按钮的属性内呈现。如何让 HTML 在提交按钮内呈现？这不会解析 HTML，它实际上会呈现一个带有文字内容的按钮

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

这是我想要的一个例子

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" />​