让你的WordPress支持浏览器地址栏输入“网址+Tab”拥有搜索功能

在浏览器中，输入一个网址，然后按一下键盘的“Tab”键，变成可以在输入的网址中搜索内容。这个功能在常见的搜索引擎、github等大网站有这个功能。WordPress其实也可以支持，确切的说，只要有搜索功能的网站，是都可以支持的。

那么实现这个功能需要几步呢？

第一：需要一个form框。

第二：form框内容的input需要是input的search类型

以WordPress的搜索框为例：

<form role="search" method="get" class="site-searchform-min" action="<?php echo esc_url( home_url( '/' ) ); ?>">
  <div class="ssm-content flex flex-middle flex-column">
      
    <input type="search" value="" name="s" id="s" class="reset-focus" placeholder="搜索">
    <div class="btns">
        <button class="btn btn-default btn-close btn-small" type="button">取消</button>
        <button class="btn btn-primary btn-small" type="submit">搜索</button>
    </div>
  </div>
</form>