javascript - How to add an icon inside a textfield -

i have search textfield in toolbar. want add image inside textfield (search icon @ left most) instead of text.

please provide ideas achieve this.

i recommend use font-awesome load icons. once font awesome library has been added, should this:

fiddle: https://fiddle.sencha.com/#fiddle/mmp

ext.create('ext.panel',{     renderto: ext.getbody(),     width: 500,     height: 500,     title: 'testing panel',     html : 'contents of testing panel',     bodypadding: 10,     tools:[{         xtype : 'textfield',         fieldstyle : 'font-family: fontawesome',         emptytext: '\uf002 find user'     }] });