php - 在文本框中添加 Bootstrap 跨度类图标

Question

如何插入图标的 span 类并使图标用作搜索按钮。我正在使用 word press cms，我正在使用 word press 中的默认搜索。

这是我在搜索中创建 search-form.php 的代码

<div class="col-xs-7 input-group">
<form role="search" method="get" action="<?php echo home_url( '/' ); ?>">
        <input type="search" class="form-control styletext" placeholder="Search" value="<?php echo get_search_query() ?>" name="s" title="Search" />
        <span class="input-group-addon">
           <i class="fa fa-chevron-right" aria-hidden="true"></i>
        </span>
</form>
</div>

看起来像这样

我想做这样的输出，并使图标跨度类在 wordpress IDE 中用作搜索按钮。

Answer 1

试试这个:

<div class="col-xs-7">
  <form role="search" method="get" action="<?php echo home_url( '/' ); ?>">
    <div class="input-group">
      <input type="search" class="form-control styletext" placeholder="Search" value="<?php echo get_search_query() ?>" name="s" title="Search" /><span class="input-group-addon"><i class="fa fa-chevron-right" aria-hidden="true"></i></span>
    </div>
  </form>
</div>