本文主要是介绍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;
}
这篇关于h5页面输入inpu时手机键盘不显示搜索的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!