这是一款外观精致，大气的万能搜索框，只是响应式布局，可搭配Bootstrap或者Tailwind项目使用，本网站的模板、素材搜索模块的搜索框就是使用的这款搜索框插件，该搜索框使用了svg定制的放大镜搜索图标，无需引入任何三方图标库，非常的轻量级，使用起来也方便，只需要引入下方代码块，并且引入下载后的main.css便可以使用。

<form>
  <fieldset>
    <legend>What are you looking for?</legend>
    <div class="inner-form">
      <div class="input-field">
        <button class="btn-search" type="button">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
              //path下载后的文件中包含
          </svg>
        </button>
        <input id="search" type="text" placeholder="" value="Ladies" />
      </div>
    </div>
    <div class="suggestion-wrap">
      <span>New Arrivals</span>
      <span>Ladies</span>
      <span>Mens</span>
      <span>Accessories</span>
      <span>Sale</span>
    </div>
  </fieldset>
</form>