小程序自定义或者是一个六位密码框||验证码框、隐藏input闪烁光标。

本文介绍如何在小程序中自定义一个六位密码框或验证码框,包括隐藏input闪烁光标、限制输入长度为6、保持键盘不收起等功能。通过设定多个展示用的小input框和一个实际输入数据的input框实现,使用wepy框架,并提供关键代码示例。
摘要由CSDN通过智能技术生成

小程序自定义一个六位密码框|验证码框
实现了密码框 | 验证码框功能:
(1)隐藏了input闪烁光标的问题(这里做好了用手机调试一下)。
(2)只有长度是6 的时候按钮才能点击。
(3)输入键盘自动弹起,保持键盘不收起。
(4)。。。。。
其实思路就是:
1、设定六个小的input框:这只是展示的框,不做任何的操作,只是用来接收数据。
2、再设定一个input框(这是真正的输入数据),绝对定位到六个input框上面,这个框的样式给它透明掉,同时输入的数据最大长度设置是6。这样就实现了这输入的六个数据正好放到那六个小input框里面。
在这里插入图片描述
代码如下:我用的是wepy框架
标红的地方自认为就是最应该注意地方。。。
在这里插入图片描述
data;数据
data = {
isBtn: true,
isfocus: false,
isFocus: false,
allIsShow: true,
inputSigle: [],
inputTruely: ‘’,
allinput: ‘’,
rotateData: ‘’
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值