带图标的input

<style>

.text{

　　border:solid 2px #ccc;

　　width:400px;

　　height:40px;

　　background:url(http://d.lanrentuku.com/down/png/1211/blueberry/user_friend.png) no-repeat 0 center;

}

.text input{

　　float:left;

　　border:none;

　　background:none;

　　height:40px;

　　line-height:30px;

　　width:100%;

　　text-indent:32px;

}

</style>

<div class="text">

    <input type="text"/>

</div>