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

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

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

第一:需要一个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>

分享到: