Wordpress 搜索表单 - 用图标替换 "Search"文本

Question

我正在尝试对 wordpress 默认搜索表单进行一些自定义，我想用图标替换 value="Search"字符串中的文本“Search”。

目前我有以下表格:

<form role="search" method="get" id="searchform" class="searchform" action="//example.com/">
<div class="box">
   <div class="container-1">
      <input type="text" value="" name="s" id="s" placeholder="Search..." />
      <input type="submit" id="searchsubmit" value="Search" />
   </div>
</div>
</form>

我怎样才能放入下面的图标呢？ <i class="fa fa-search"></i>

Answer 1

这里有一些解决方法，我用 button 替换了 input，完全删除了 value

<form role="search" method="get" id="searchform" class="searchform" action="//example.com/">
<div class="box">
   <div class="container-1">
      <input type="text" value="" name="s" id="s" placeholder="Search..." />
      <button type="submit" id="searchsubmit" />
           <span class="icon"><i class="fa fa-search"></i></span>   
      </button>
   </div>
</div>
</form>

表格似乎工作得很好..