6

フォームを保存するために使用する送信ボタンがあります。送信ボタン内で HTML タグを使用したいと考えています。私はFont Awesomeを使用しています。保存アイコンをボタンの保存という単語の横に表示したいと思います。このための HTML は

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

value=""唯一の問題は、送信ボタンのプロパティ内で HTML をレンダリングできないように見えることです。送信ボタン内で HTML をレンダリングするにはどうすればよいですか? これは HTML を解析せず、実際にはリテラル コンテンツを含むボタンをレンダリングします。

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

ここに私が欲しいものの例があります

4

2 に答える 2

15

buttonこのようなタグを試しましたか ：

<button type="submit">
   <i class='icon-save'></i> Save
</button>
于 2012-12-06T11:58:58.553 に答える
0

背景画像を使用すると、この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" />​
于 2012-12-06T12:06:55.083 に答える