html5移动端查找

用form包裹住input,修改input的类型为seach,然后给input绑定seach事件,当输入状态是输入键盘上会出现搜索,点击搜索就可以查找了

<form action="" onsubmit="return false" style="margin: 0;padding: 0;height:100%;width:100%;">
<div class="customer-select" style="line-height:6vw;">
<div class="search-area col-xs-12">
<div class="search-line" style="position: relative;">
<img src="../img/icon_ser.png" style="float:left;">

<input type="search" name="keyword" id="keyword" placeholder="搜索客户姓名" style="padding:0;margin:0;">

</div>
</div>
</form>

$('#keyword').bind('search', function () {
  search_keyword();
});

猜你喜欢

转载自www.cnblogs.com/peipeiyu/p/9282318.html