开发工具:
文件大小: 80kb
下载次数: 0
上传时间: 2021-01-18
详细说明：最近做一个H5的页面，里面有个输入验证码交互，就是移动端比较常见的那种验证码输入交互。就是那种，对，就是那种，一个数字一个下划线，移动端非常常见的那种验证码交互。实现过程中主要参考了美团外卖安卓端的具体交互。
应用到项目中的效果如下。
一般操作：
粘贴效果：
方案选择
方案1：调整文字的间距
设置 input 的 letter-spacing 属性，我们就可以让验证码之间有足够大的空隙，然后再把底线改为有间隔的多个线段貌似就可以了。
然而，这里会有一个问题。就是光标总是会在数字的左边，而我们希望的是输入后的数字的中心位于原来光标的位置。最终我放弃了这个方案。
显然，这个方案并不合适。
方案
(系统自动生成,下载前可以参看下载内容)
下载文件列表
相关说明
- 本站资源为会员上传分享交流与学习,如有侵犯您的权益,请联系我们删除.
- 本站是交换下载平台，提供交流渠道，下载内容来自于网络，除下载问题外，其它问题请自行百度。
- 本站已设置防盗链，请勿用迅雷、QQ旋风等多线程下载软件下载资源，下载后用WinRAR最新版进行解压.
- 如果您发现内容无法下载，请稍后再次尝试；或者到消费记录里找到下载记录反馈给我们.
- 下载后发现下载的内容跟说明不相乎，请到消费记录里找到下载记录反馈给我们，经确认后退回积分.
- 如下载前有疑问，可以通过点击"提供者"的名字，查看对方的联系方式，联系对方咨询.
相关搜索:
