一、input的搜索框

   在input标签里面把type设置为search就可以了。弹出的手机键盘回车键也会变成搜索或者是搜索的图标。

<input id="search" type="search" ></input>

• 1

设置type为search的搜索框，当输入内容的时候，后面会多出一个x，点击x可以清空输入的内容。 

二、获取键盘搜索事件

   输入内容之后直接点击手机键盘的搜索按钮就可以进行搜索了。以下是获取键盘搜索事件：

//获取键盘搜索按钮事件

    $("#search").on('keypress', function(e) {

        var keycode = e.keyCode;

        //获取搜索框的值

        var searchContent = $(this).val();

        if (keycode == '13') {

            e.preventDefault();

            //请求搜索接口

            if (searchContent == '') {

                alert('请输入检索内容！');

            } else {

                alert(searchContent);

            }

        }

    });