html - 文本框内的搜索图标

Question

如何在文本框内放置搜索图标

 <input class="col-lg-3 col-md-3 col-sm-5 col-xs-5 form-control" type="text" name="searchroleName" id="searchroleName" placeholder="Search By RoleName"/><span class="fa fa-search form-control-feedback"></span>

工作 fiddle

Answer 1

希望这段代码对您有所帮助。

    <div class="col-lg-3 col-md-3 col-sm-5 col-xs-5">    
      <div class="input-group">
                <input type="text" class="form-control" id="exampleInputAmount" placeholder="Amount">
                <div class="input-group-btn">
                    <button type="button" class="btn btn-default">
                         <span class="glyphicon glyphicon glyphicon-search"></span>
                    </button>
                </div>
      </div>
    </div>