html - 在文本框右侧添加 `fa fa search`

Question

更新代码:

添加后建议<span class="input-group-addon">.00</span>这是现在呈现的内容:

我尝试使用 style="margin-left:200px;"但什么也没做

更新结束

如何添加fa fa search在文本框的右侧？这是呈现代码后的 html:

<div class="form-group">
    <label class="col-sm-2 control-label">Search </label>
    <div class="input-group" style="margin-left:210px">
        <span class="input-group-addon"><i class="fa fa-search"></i></span>
        <span role="status" aria-live="polite" class="ui-helper-hidden-accessible"></span>
        <input class="form-control ui-autocomplete-input" data-jqui-acomp-delay="200" data-jqui-acomp-hiddenvalue="PartId" data-jqui-acomp-minlength="2" data-jqui-acomp-source="/Search" data-jqui-type="autocomplete" id="Part" name="Part" placeholder="Search..." required="required" style="width:215px !important;" type="text" value="" data-parsley-id="6454" autocomplete="off">
        <ul class="parsley-errors-list" id="parsley-id-6454"></ul>
        <input id="PartId" name="PartId" type="hidden" value="" data-parsley-id="9361">
        <ul class="parsley-errors-list" id="parsley-id-9361"></ul>

    </div>
</div>

如果我只添加 span在文本框旁边，这是它呈现的内容:

<span class="input-group-addon"><i class="fa fa-search"></i></span>

Answer 1

我认为这就是您要寻找的(在输入后移动跨度并确保图标跨度在输入组插件跨度内)

<div class="input-group">
  <input type="text" class="form-control">
  <span class="input-group-addon">
   <span class="fa fa-search"></span>
  </span>
</div>