类似于通讯录的搜索功能

html部分：

<div class="weui_search_bar" id="search_bar">
            <form class="weui_search_outer" onsubmit="return false;">
                <div class="weui_search_inner">
                    <i class="weui_icon_search"></i>
                    <input type="search" class="weui_search_input" id="search_input" placeholder="输入姓名搜索" onchange="searchTitle(this);"required="">
                    <a href="/go.html?url=javascript:" class="weui_icon_clear" id="search_clear"></a>
                </div>
                <label for="search_input" class="weui_search_text" id="search_text" style="display: none;">
                    <i class="weui_icon_search"></i>
                    <span>搜索</span>
                </label>
            </form>
            <a href="/go.html?url=javascript:" class="weui_search_cancel" id="search_cancel">取消</a>
        </div>        <div class="weui_search_bar" id="sear