在浏览器中,输入一个网址,然后按一下键盘的“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>