weui/src/example/searchbar/searchbar_homepage.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">搜索栏 Homepage</p>
    </div>
    <div class="page__bd">
        <div class="weui-search-bar weui-search-bar_homepage" id="searchBar">
            <form id="searchForm" role="combobox" aria-haspopup="true" aria-expanded="false" aria-owns="searchResult" class="weui-search-bar__form">
                <div class="weui-search-bar__box">
                    <div class="weui-search-bar__input weui-search-bar__input_text">搜索</div>
                    <a href="javascript:" role="button" title="拍照" class="weui-icon-camera weui-wa-hotarea"></a>
                </div>
            </form>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(function(){});
</script>