input框里面如何插小图标

在input里面插入背景图片

<input type="text" class="inputAttr1" name="activityUserValue" for="reservation" placeholder="注册邮箱/用户名"/>
.inputAttr1{
    background: url("../images/user_icon.png")no-repeat 315px ;
    width: 350px;
    height: 40px;
    border-radius:5px;
    border: 1px solid #999999;
    box-shadow: 1px 1px 3px #cccccc;
    padding-left: 10px;
    margin-right: 10px;
}

可以实现上题的效果，在div里面如何放置图片：

<div>
    <span></span>//字体图标
  或者是<img src="">
    <input  type="text"  placeholder="注册邮箱/用户名">  
</div>