按钮输入类型，我可以使用字体真棒图标作为值的一部分（按钮文本）

Question

我有一个按钮驱动的多页表单，我想知道是否可以使用jQuery在呈现的按钮中添加真棒图标：

<input type="button" value="Contact Us" />

我想使用http://fontawesome.io/icon/phone-square/  （Unicode f098）

由于

Answer 1

你可以这样做：

<button type="button"><i class="fa fa-phone-square"> Contact Us</i></button>

如果你必须使用然后试试这个（不需要js ......）：

<input type="button" class="fa" value="&#xf098; Contact Us" />

这是fa-phone-square

的unicode值



和小小提琴:) https://jsfiddle.net/cq27e802/

Answer 2

  

谢谢vidriduch。我正在使用呈现的Wordpress表单插件   按钮自动，所以我无法更改表单元素。我会   必须操纵它们。它们作为输入输出[type =“button”]   而不是按钮所以我必须与元素值相抗衡   比html - Requin Creative 11

$('input[type=button][value="Contact Us"]').replaceWith('<button type="button"><i class="fa fa-phone-square"> Contact Us</i></button>');

DEMO ：http://jsfiddle.net/LcL55bgs/