码迷,mamicode.com
首页 > 其他好文 > 详细

仿淘宝、支付宝6位密码输入框

时间:2018-02-13 18:59:36      阅读:248      评论:0      收藏:0      [点我收藏+]

标签:href   mic   post   pos   lan   opera   样式   span   bit   

1.浏览器兼容:Chrome、IE6+、FireFox、Safari、Opera、360、搜狗。

2.预览见网址http://www.jq22.com/yanshi7704

3.源码见网址https://files.cnblogs.com/files/jakeylove3/6-bit-Password.zip

4.效果如下图: 

        技术分享图片

5.实现的原理:真实input框在上层,样式为透明,下层为模拟6位密码输入框的div(实际上鼠标点到的还是真实的input,只不过看不见而已)

        技术分享图片

 

仿淘宝、支付宝6位密码输入框

标签:href   mic   post   pos   lan   opera   样式   span   bit   

原文地址:https://www.cnblogs.com/jakeylove3/p/8447025.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!