小程序
小游戏
企业微信
微信支付
扫描小程序码分享
如下在身份证后6位的输入框中，没输入1位代码会自动的去切换输入框的焦点，这个时候出现虚拟键盘不停的下去又弹起来，体验的效果很不好，这个有解决的办法吗，还是小程序的设计bug，希望有人能帮忙看下，谢谢了！
4 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
看看这个能不能帮到你。
在线预览 https://qaqxiyangyang.github.io/autoFocusInput/dist/
GitHub https://github.com/QAQXiYangYang/autoFocusInput
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
楼上的方案解释清楚了，这种需求的做法一般是input 显示但是不可见，需要显示的内容用6个<view>表示就好了。
点击任意一个<view>让焦点始终在那一个input上就好了。
输入一个文字，<view>中追加一个数字就好了。
如果你的输入的内容为不可见的就更加方便了，输入一个数字<view>中间放个 “●” 就好了。
input最后做验证再用。
加油~~
建议： 1.这里的input输入框用一个，而不是六个
2.把view中的每个数字用一个span显示 input覆盖在上面 input opacity:0;
3.至于光标的提示，其实就是写个小动画
微信小程序写一个输入八位编号的输入框 - 一叶扁舟的文章 - 知乎 https://zhuanlan.zhihu.com/p/40675877
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
看看这个能不能帮到你。
在线预览 https://qaqxiyangyang.github.io/autoFocusInput/dist/
GitHub https://github.com/QAQXiYangYang/autoFocusInput
楼上的方案解释清楚了，这种需求的做法一般是input 显示但是不可见，需要显示的内容用6个<view>表示就好了。
点击任意一个<view>让焦点始终在那一个input上就好了。
输入一个文字，<view>中追加一个数字就好了。
如果你的输入的内容为不可见的就更加方便了，输入一个数字<view>中间放个 “●” 就好了。
input最后做验证再用。
加油~~
建议： 1.这里的input输入框用一个，而不是六个
2.把view中的每个数字用一个span显示 input覆盖在上面 input opacity:0;
3.至于光标的提示，其实就是写个小动画
微信小程序写一个输入八位编号的输入框 - 一叶扁舟的文章 - 知乎 https://zhuanlan.zhihu.com/p/40675877