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

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表单插件，该插件会自动呈现按钮，因此无法更改表单元素。 我将不得不操纵它们。 而且它们输出为input [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>');

演示 ： http : //jsfiddle.net/LcL55bgs/