ios上微信小程序密码框光标离开提示存储密码解决方案

方案1：在苹果手机上面把 “自动填充密码”关闭，但是苹果这个默认开启，而且大部分客户也不会去自己关闭。

方案2：欺骗苹果手机，代码实现。

先说解决思路，通过测试发现，在账号框不为空，密码框不为空，两者都不为空，并且光标离开账号框或者密码框的时候，苹果系统会自动提示存储密码或者更新密码的提示。又经过大量测试发现，账号输入框是指的距离密码输入框最近的上一个输入框，因此解决办法就是在密码输入框上面增加一个账号输入框，让他永远为空，并且不可见即可（页面不可见,不能是display:none）。

这样距离密码框最近的上一个文本框永远是空的，就不会触发ios的存储密码提示了。

代码如下：


<form bindsubmit="formSubmit" class='form'><view class="login-title">员工登录</view><view class="login-input"><image src="/image/phone.png"></image><input type="number" placeholder="请输入手机号" placeholder-style=" font-size: 28rpx; " name="no"  value='{{no}}' maxlength="11"></input></view><view  style="width: 1rpx;height: 1rpx;overflow: hidden;"><input ></input></view><view class="login-input"><image src="/image/password.png"></image><input type="password" name="pwd"  placeholder="请输入密码" value='{{pwd}}' placeholder-style=" font-size: 28rpx;"></input></view><view class="xieyi"><checkbox-group name="xuanxiang1" bindchange="radioChange"><!-- <label> --><view><checkbox checked="{{checked}}"><text>阅读并同意该协议,</text></checkbox><text style="color:#D49760;font-size: 29rpx;" bindtap="gologin">《服务协议》</text></view><!-- </label> --></checkbox-group></view><button class="login-btn" type="primary" form-type='submit'>登录</button>
</form>

ios上微信小程序密码框光标离开提示存储密码解决方案相关推荐

微信小程序input框中加入小图标的实现方法
最近入坑小程序,要求在小程序的输入框中展示一个小图标,页面如下: 然后按照,html页面中的做法,在input框中添加了background-image属性,出乎意料的事,小程序报了下边这样一个错误: ...
iOS 唤起微信小程序
最近做了一个新功能.App里面点击按钮,唤起微信小程序. iOS 唤起微信小程序 App配置微信开发者平台配置方案1 sharesdk: 方案2:WechatOpenSDK(推荐) App配置稍 ...
微信小程序-气泡框 Popover
写在前面记录基于微信小程序-气泡框实现中产生的问题及思考问题截图问题描述模拟器显示正常,但在真机上点击后,气泡框的箭头并没有消失,且点击同一级别区域,能利用覆盖消除箭头.[是不是一个很可爱的b ...
html打开微信搜索页,微信小程序搜索框样式并实现跳转到搜索页面(小程序搜索功能)...
上效果图: 一:搜索框功能实现 1.在首页做一个搜索框的样式并实现跳转到搜索页面搜索 .search{ width: 80%; } .search_arr { border: 1px solid # ...
微信小程序选择框问题小程序picker点击显示object range-key=这里写要显示的字段
微信小程序选择框问题小程序picker点击显示object range-key="这里写要显示的字段" <picker bindchange="bindClass ...
微信小程序等待几秒、_微信小程序应用打开很慢怎么办？附解决方案
微信小程序应用打开已经是当下最热门的话题,下面将从多方面来谈谈微信小程序应用打开很慢怎么办?附解决方案相关的内容. 小程序科普类的文章已经很多了,今天这里讲的是针对小程序的优化方法,可以有效提高小程序 ...
微信小程序内容安全校验（遇到的问题解决方案）
微信小程序内容安全校验(遇到的问题解决方案) 怎么实现微信小程序内容安全校验我已经发布了,但是最近又遇到问题,校验等级. msgSecCheck检查一段文本是否含有违法违规内容:我运用实际中安全等级还 ...
微信小程序自动检测版本并提示更新新版本
微信小程序自动检测版本并提示更新新版本微信小程序开发过程中,我们在版本更新迭代后,微信小程序客户端并不能触发自动更新,需要用户手动清理小程序后重新搜索进入后才能获取到最新的小程序版本,但是这个是用户 ...
微信小程序常见网络请求失败问题总结及解决方案
微信小程序常见网络请求失败问题总结及解决方案微信开发者工具中未勾选不校验合法域名设置未勾选这个设置在任何环境下发送http网络请求会失败发送的是https请求,但网络请求依旧是失败需要到官方的 ...

ios上微信小程序密码框光标离开提示存储密码解决方案

ios上微信小程序密码框光标离开提示存储密码解决方案相关推荐

最新文章

热门文章