h5页面输入inpu时手机键盘不显示搜索

input 的type值都有哪几种

1、text ：任何文本吧

2、number：数字

3、idcard：数字键盘（无小数点、有个 X 键）

4、digit：数字键盘（有小数点）

5、search（一般写上这个属性，安卓的手机键盘右下角就已经是 “ 搜索 ” 了，但是ios下不行）

 

ios下不仅要写 <input type="search"/> , 还要在  input的外面套上form，如果加上form type=text,键盘则显示的是前往，如果是search就会变成搜索，注意 action=javascript:;一定要加，防止页面刷新

<form action="javascript:;" >
    <input type='search' /> 
    <input type="text" />
</form>

type=“search”的输入框在获取到焦点后，默认会出现一个小叉叉，用于清空输入框中的内容，而且样式因浏览器而异。如果想要隐藏这个X，可以使用CSS隐掉：

input[type="search"]::-webkit-search-cancel-button{
    -webkit-appearance: none;
}