Html 将搜索图标放在文本框内

我正在尝试将搜索图标放在文本框内。但，它显示的是行的末尾

<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>

它是这样显示的

---

只需从

输入组

div中删除

行

类，

名称

只需签出此JSFIDLE即可。问题是您没有正确地实现

。行

包括

。容器流体

也可以防止-15px的余量

---

你看了吗？如果这对你有用的话。把这个答案标为正确。

<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>