这是一款外观精致，大气的万能搜索框，只是响应式布局，可搭配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>
