移动端iOS中input输入框搜索框软键盘出现换行而不是搜索

iOS输入框搜索时软键盘出现换行而不是搜索，而且点击软键盘完成按钮不会执行搜索事件，

解决一，必须使用form表单提交，但是键盘出现搜索，ajax请求方法中得不到input的值，

解决，form表单上必须包含action属性；action=“JavaScript：return true；” 添加后form表单提交出现搜索并且可以正常发送请求

使用mui-search需要点击两次才会获得焦点

解决

.mui-search .mui-placeholder {

pointer-events: none;

}

转载于:https://www.cnblogs.com/lishuang2243/p/11289738.html

移动端iOS中input输入框搜索框软键盘出现换行而不是搜索相关推荐

bing的搜索框按回车是换行而不是搜索
直接在地址框搜
vue h5进行软键盘的换行改成搜索字眼，并进行点击搜索后收起来软键盘
1.页面 <form action="" @submit.prevent="onRefresh"><inputtype="searc ...
ios端自动获取输入框焦点,解决ios手机中input输入框光标过长的问题
在项目中做移动端页面,发现IOS 的光标大小很大,和安卓的完全不一样,思考怎么调整大小,通过实践和尝试,找到了解决方法,现分享给大家. 修改前css部分代码: .receiving-info .rec ...
ios微信小程序中 input 输入框问题，输入的光标中的内容自动清空
ios微信小程序中 input 输入框问题,输入的光标中的内容自动清空问题描述 1.我在页面上有个倒计时的功能,每一秒都在更新时间,更新时间显示的值(view一直变) 2.我调用input输入框,准 ...
php清除h5格式,移动端H5页面端怎样除去input输入框的默认样式
这次给大家带来移动端H5页面端怎样除去input输入框的默认样式,移动端H5页面端除去input输入框的默认样式的注意事项有哪些,下面就是实战案例,一起来看一下. 前两天在开发在微信访问的HTML5页 ...
html5首页图标怎么除掉,移动端H5页面端如何除去input输入框的默认样式
移动端H5页面端如何除去input输入框的默认样式发布时间:2020-09-29 16:41:58 来源:亿速云阅读:124 作者:小新这篇文章主要介绍了移动端H5页面端如何除去input输入框 ...
HTML5中input输入框默认提示文字向左向右移动
HTML5中input输入框默认提示文字向左向右移动首先演示input输入框代码 <style>* {margin: 0;padding: 0;}.sousuo {width: 458p ...
解决React中input输入框在中文输入法下的bug
解决React 中input 输入框在中文输入法下的bug 需求:封装Input 组件,输入拼音过程中不触发onChange,拼音输入结束后触发onChange 原理:input 标签上面有两个事件, ...
如何隐藏Safari中input输入框内自带的小人图标
如何隐藏Safari中input输入框内自带的小人图标 problem 页面表单包含input,在 safari 浏览器下,右边有个小人标志并且在 safari 16.1 版本发现 safari 1 ...

移动端iOS中input输入框搜索框软键盘出现换行而不是搜索

移动端iOS中input输入框搜索框软键盘出现换行而不是搜索相关推荐

最新文章

热门文章