搜索按钮内的图像

Question

我需要帮助。

我必须创建搜索输入，它具有fontawesome图标输入。搜索输入的宽度必须为100％。

Answer 1

基于Bootstrap的框架风格：

<div class="input-group">
      <input type="text" class="form-control" placeholder="Search for...">
      <span class="input-group-btn">
          <button class="btn btn-default" type="button"><span class="fa fa-search"></span></button>
      </span>
</div>

没有框架：

<div class="input-group">
      <input type="text" placeholder="Search for...">
      <span >
          <button type="button"><span class="fa fa-search"></span></button>
      </span>
</div>

http://jsfiddle.net/8qb7evcw/2（没有引导程序）

http://jsfiddle.net/xomv6x2L/（使用Bootstrap）