iphone H5 input type="search" 不显示搜索 解决办法

Posted 2020-06-08

H5 input type="search" 不显示搜索 解决办法

H5 input type="search" 不显示搜索 解决方法

在ios（ipad iPhone等）系统的浏览器里打开H5页面。如下写法：

<input type="search" name="search” id="search">

 以上设备的键盘仍然显示“换行”。

解决方法如下：在input外面嵌套一层form：

<form action="">
    <input type="search" name="search" id="search">
</form>

 

其中form 必须有action。

如果你不想要action，因为它可能影响了你input的提交逻辑，可以重写一下onsubmit onclick等方法来实现。

也可以用简单的方法：action="javascript:return true;"。

 

转自：http://www.myexception.cn/html-CSS/2003836.html