模仿支付宝密码输入框,支持明文密文切换

需求:不能让浏览器提示保存密码!同时支持明文密文切换。
思考:输入时,将输入的内容保存,然后转换成点,显示给Input,或者直接覆盖一个点在矿上,通过修改Input文字颜色来隐藏:会出现光标错位的情况,且无法判断用户将光标左右移动后的操作()
支付宝的密码框将input隐藏,使用样式来模拟框中光标,偷懒还是用Input :)
写到一半想到好像input和数组绑定,方便父组件操作,但是…
百度了好多解决方案,什么onfocus,多个Input,提交改type,








调用


你可能感兴趣的:(模仿支付宝密码输入框,支持明文密文切换)