weui/src/example/searchbar/searchbar.html

A UI library by WeChat official design team, includes the most useful widgets/modules in mobile web applications.

<div class="page">
    <div class="page__hd">
        <h1 class="page__title">SearchBar</h1>
        <p class="page__desc">搜索栏</p>
    </div>
    <div class="page__bd page__bd_spacing">
        <a href="#searchbar_filled" role="button" class="weui-btn weui-btn_default">Filled (default)</a>
        <a href="#searchbar_grey" role="button" class="weui-btn weui-btn_default">Filled Grey</a>
        <a href="#searchbar_outlined" role="button" class="weui-btn weui-btn_default">Outlined</a>
        <a href="#searchbar_homepage" role="button" class="weui-btn weui-btn_default">Homepage</a>
    </div>
</div>