テキストフォームのplaceholderにFont Awesomeのアイコンをunicodeで追加する

inputのplaceholderに追加するunicodeは下記リンク参照。

Font Awesome cheatsheet

Example

Code

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
<input type="text" placeholder="&#xF002; Search" />
input{
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}