当前位置:首页 > 编程笔记 > 正文
已解决

h5页面input输入框手机键盘没有“搜索”按钮;隐藏自带的清除、搜索图标;点搜索后键盘无法自动收回。

来自网友在路上 178878提问 提问时间:2023-11-02 21:02:21阅读次数: 78

最佳答案 问答题库788位专家为你答疑解惑

场景:在页面中,存在一个input输入框,当用户在其上点击并试图输入时,弹出的键盘并未配备“搜索”和“确认”按钮,这导致用户无法顺利地触发搜索操作。

效果如下:

修改方式如下:

<form action="javascript:return true;"><input type="search" name="search" ref="searchInput"/>
</form>

  

不加form标签包着的话ios系统不会生效

特别注意:在将输入框的type属性设置为"search"后,移动设备上会显示一个默认的X图标,而在iOS系统上还会出现放大镜图标。因此,为了确保最佳的视觉效果和用户体验,我们需要结合以下样式:

查看全文

99%的人还看了

猜你感兴趣

版权申明

本文"h5页面input输入框手机键盘没有“搜索”按钮;隐藏自带的清除、搜索图标;点搜索后键盘无法自动收回。":http://eshow365.cn/6-30519-0.html 内容来自互联网,请自行判断内容的正确性。如有侵权请联系我们,立即删除!