Question

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

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

唯一的问题是我似乎无法在提交按钮的value=""属性中呈现HTML。如何在提交按钮内呈现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" />

将HTML放入提交按钮的值

2 个答案: