html - 将搜索图标放在文本框中

This question already has answers here:

Bootstrap 3 Placing Icon inside input field
（4个答案）
两年前关闭。
我正在尝试将搜索图标放在文本框中。但是，它显示行的末尾。

<div class="row input-group">
    <input class="col-lg-3 col-md-3 col-sm-5 col-xs-5 form-control" type="text" id="searchroleName" placeholder="Search here"  aria-describedby="basic-addon2"/>
    <span class="input-group-addon fa fa-search"  id="basic-addon2"></span>
</div>

https://jsfiddle.net/9dxryetu/
像这样展示

最佳答案

<div class="form-group has-feedback">
    <label class="control-label" for="inputSuccess2">Name</label>
    <input type="text" class="form-control" id="inputSuccess2"/>
    <span class="glyphicon glyphicon-search form-control-feedback"></span>
</div>