文本框内的搜索图标

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>

工作 小提琴

原文由 user7397787 发布，翻译遵循 CC BY-SA 4.0 许可协议

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>

原文由 seven 发布，翻译遵循 CC BY-SA 3.0 许可协议