仿淘宝、支付宝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,只不过看不见而已)

        

 

posted @ 2018-02-13 17:12  Jakeylove3  阅读(343)  评论(0编辑  收藏  举报