请问前端如何实现类似微信支付时那样六位数密码输入框？

Question

如图，如何基于uni-app实现这样六位数的密码输入框，输入自动移到下一位，满6位自动结束获取所输入的六位密码，请赐教，不胜感激。

Answer 1

最简单的办法：6个框框做成一个图，设置成input的背景，再给input设置字间距。。

Answer 2

简易的安全键盘，都是定制化的，甚至不需要input，删除也都是一键清空，只需要监听下面的按钮事件，把已输入的内容找个地方存起来，实时判断长度就好。这个自己画比找插件来的快。