原创
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。
自己研究的6位数密码输入,不喜就喷吧!
先简单阐述一下原理:
用css编写一个假的6位数输入位置,假装这里有输入框;用css将一个输入框固定在假输入框样式后面,可以获取焦点,进行编写和删除;将输入框的输入内容呈现到6位数的输入框内,在输入框内不显示;获取内容时直接获取输入框的内容即可,6位数的编写只是假的样式。
wxml:
{{value[0]}}{{value[1]}}{{value[2]}}{{value[3]}}{{value[4]}}{{value[5]}}
wxss:
.password{border: 2rpx solid #eee;border-radius: 4rpx;height: 80rpx;margin: 100rpx auto;display: flex;width: 480rpx;position: relative;background: #fff;overflow: hidden;} .password_li{width: 80rpx;height: 80rpx;text-align: center;line-height: 80rpx;} .password_li:not(:last-child){border-right: 2rpx solid #eee;} .password input{position: absolute;top: 0;left: -1000rpx;width: 4000rpx;height: 80rpx;opacity: 0;color: #fff;line-height: 80rpx;}
js:
data: {value: '';} toInput: function (e) { let that = this that.setData({ value: e.detail.value }) }
效果图:
*可根据需要将输入内容后的样式变更为 * 号*
有0 个人打赏
闲着蛋疼,于是学习开发微信小程序,打算写一个面杀自动法官得小程序,方便和朋友出去面杀,该案例不具备一定的严谨性,毕竟此时我才学了2天的小程序,瑟瑟发抖需求如下:需要输入房间号,才能进入游戏房间,类似6...博文来自: 小陈的博客
在做小程序过程中做一个6位验证码输入框,本以为很简单,但是在写的时候遇到各种各样的阻力,在网上查阅资料也寥寥无几,后来经过一番思考,终于敲定下来本人最满意的方案,特意发出来让大家参考一下,希望能帮到大...博文来自: qq_42180156的博客
小程序密码输入框。初始状态为input不能点击。点击input以后弹出键盘。输入框全部输入以后可以点击提交。具体代码:&lt;viewclass="Toptitle"&a...博文来自: 斌记-关于WEB前端、小程序、UI设计的笔记
wxml支付方式微信支付对公打款钱包支付(余额:{{balance/100}}元)钱包支付(余额不足)确定×请输入支付密码忘记密码￥{{actual_fee/100}}=1}}">=2}}">=3}}...博文来自: qq_29973791的博客
前言微信小程序中,要为用户提供安全密码,用于后续的操作。UI设计稿类似微信的安全密码设置,需要两次输入,验证密码一致。之前刚入坑的时候,就收藏了一些小程序相关的好案例,没有前人铺路,也不会有今天的这篇...博文来自: weixin_39015132的博客
一个6位数的密码, 其中每个字符是一个大写字母或者数字,且每个密码必须至少包含一个数字. 一共有多少种可能? 我要解题思路 外加 过程 和 答案. . 要是对的 分全给他. 不要程序 .论坛
我们学校有一个无线WIFI可以连接上但需要WEB认证就是需要通过网页输入账号、密码(没有验证码)然后点击确认才可以连接上。 现有条件: 1账号是固定的 2密码是一个6位数的纯数字 只需要试验10000论坛
效果如图所示,自动获取焦点,只允许输入数字,6位校验,6位数字自动提交数据,数据提交成功后隐藏输入框,除了点击“忘记密码”,其余的均隐藏交易密码弹窗,公共插件代码如下所示gGitHub地址......博文来自: weixin_42262436的博客
**小程序六位密码框简单实现方法**中心思想设置六个input框父级display:flex;布局你想要的样子就可以下面再放一个用来输入的框定位到上面六个排列好的框上层设置z-index=“2或者更多...博文 weixin_42161906的博客
【来源:驱动之家】	【作者:且听枫吟】	LockDown.com近日公布了一份采用“暴力字母破解”方式获取密码的“时间列表”。列表中按照密...博文来自: blogremover的专栏
小程序自定义一个六位密码框|验证码框:实现了密码框|验证码框功能:(1)隐藏了input闪烁光标的问题(这里做好了用手机调试一下)。(2)只有长度是6的时候按钮才能点击。(3)输入键盘自动弹起,保持键...博文来自: qq_41357391的博客
html&lt;viewclass="weui-cell"&gt;&lt;viewclass="weui-cell__bd"&g...博文来自: 纵云清风的博客
html页面&lt;!--表单内容--&gt;&lt;viewclass="section"&gt;&lt;!--输入账号--&gt...博文来自: 浮萍的博客
功能概述:模拟密码的三次输入,成功提示&quot;登陆成功&quot;,失败提示&quot;密码错误&quot;,超过三次密码错误提示&quot;账户已被冻结&...博文来自: z7436
今天在看hash函数对于数字或字符进行加密的知识,有感而发就写了一个C++破解6位数数字密码的程序,程序很简单,也很容易理解,并给也给出了对于不同密码所需要破解的时间。好了,废话不多少,直接贴程序:#...博文来自: raywang5288的博客
昨天小程序第一天公测,就下载个小程序自带IDE玩了玩,看了看API,撸出了个登录界面给大家分享下。下面是主界面和代码。index.wxml{{motto}}用户名:密码:登录index.jsvarap...博文来自: 杨小事er的专栏
在小程序中,页面的脚本逻辑是在JsCore中运行,JsCore是一个没有窗口对象的环境,所以不能在脚本中使用window,也无法在脚本中操作组件。zepto/jquery也无法使用,因为zepto/j...博文来自: 山水子农
#include#include//比较函数的头文件,先声明再调用intmain(){charpasswd[20]={0};//定义数组空间要足够printf("请输入密码\n");scanf("%s...博文来自: qq_37964843的博客
先前在CSDN上逛,看到一个帖子问怎样在c下实现输入密码,然后存取并显示*号。于是自己也试着写了一个小程序,输入一段信息,不显示,然后提示输入密码,显示*,然后要查看先前输入的信息,提示输入密码,同样...博文来自: kvew的专栏
每一个程序员都有一个梦想,梦想着能够进入阿里、腾讯、字节跳动、百度等一线互联网公司,由于身边的环境等原因,不知道BAT等一线互联网公司使用哪些技术?或者该如何去学习这些技术?或者我该去哪些获取这些技术...博文来自: 平头哥的技术博文
点击蓝色“五分钟学算法”关注我哟加个“星标”,天天中午12:15,一起学算法作者|帅地来源公众号|苦逼的码农前几天有个朋友去面试字节跳动,面试官问了他一道链表相......博文来自: 程序员吴师兄的博客
网络上虽然已经有了很多关于程序员的话题,但大部分人对这个群体还是很陌生。我们在谈论程序员的时候,究竟该聊些什么呢?各位程序员大佬们,请让我听到你们的声音!不管你是前端开发......博文来自: 程序猿DD
网上很多整合SSM博客文章并不能让初探ssm的同学思路完全的清晰,可以试着关掉整合教程,摇两下头骨,哈一大口气,就在万事具备的时候,开整,这个时候你可能思路全无~中招了咩~,还有一些同学依旧在使用ec...博文来自: 程序员宜春的博客
各位同学们,好久没写原创技术文章了,最近有些忙,所以进度很慢。警告:本教程仅用作学习交流,请勿用作商业盈利,违者后果自负!如本文有侵犯任何组织集团公司的隐私或利益,请告知联系猪哥删除!!!