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

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,只不过看不见而已)

        

文章仅供参考,转载请注明出处。
不怕千万人阻挡,只怕自己投降。
原文地址:https://www.cnblogs.com/jakeylove3/p/8447025.html