css3搜索框呼出键盘,移动端 input 输入框实现自带键盘“搜索“功能并修改X

主要利用html5的，input[type=search]属性来实现，此时input和type=text外观和功能没啥区别；

html代码入下:

但要实现点击键盘右下角搜索，来发送请求，js代码如下(以下代码段记得引入jquery)：

//方法一

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

var keycode = e.keyCode;

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

//keycode是键码，13也是电脑物理键盘的 enter

if(keycode == '13') {

alert(2)

e.preventDefault();

//请求搜索接口

}

});

//方法二

//这两种都能用, 一个是在form上加id 一个是在input元素加id

//对于苹果手机添加一个form元素是必要的,否则只能实现功能但是键盘的文字不能变成搜索字样

$('#myform').bind('search', function () {

//coding

alert(1);

});

/*$('#input').bind('search', function () {

alert(1);

});*/

需要注意的是，input[type=search]，在用户输入时&#x