SearchBar

searchBar 搜索栏，类似于微信原生的搜索栏，应用于常见的搜索场景。

详细的代码结构如下：

<div class="weui_search_bar" id="search_bar">
    <form class="weui_search_outer">
        <div class="weui_search_inner">
            <i class="weui_icon_search"></i>
            <input type="search" class="weui_search_input" id="search_input" placeholder="搜索" required/>
            <a href="javascript:" class="weui_icon_clear" id="search_clear"></a>
        </div>
        <label for="search_input" class="weui_search_text" id="search_text">
            <i class="weui_icon_search"></i>
            <span>搜索</span>
        </label>
    </form>
    <a href="javascript:" class="weui_search_cancel" id="search_cancel">取消</a>
</div>

weui_search_cancel和weui_search_outer是宽度自适应的，具体的文案可以根据需要确定。weui_search_cancel在搜索栏获得焦点的时候显示，在其他时间都是隐藏的。

weui_search_cancel的显示和隐藏是通过在最顶层weui_search_bar添加/删除weui_search_focusing类来实现。

weui_search_bar在需要展示实时搜索的场景下可以和Cell结合使用，在demo上有展示。

注意： searchBar组件是从 v0.4.0 开始加入的，更旧的版本不包含该组件，请使用 v0.4.0 及以上版本的 WeUI。