美文网首页计算机杂谈程序员
1.js实现密码可见与不可见的效果

1.js实现密码可见与不可见的效果

作者: 寒枝旧廊 | 来源:发表于2018-01-31 19:08 被阅读0次

        js实现密码可见与不可见是什么效果呢?额(⊙o⊙)…好像用话说不太明白,给你两张效果图就知道是怎么肥四了。

隐藏密码 显示密码

        感觉我写的css样式表也很好看呢,有没有有没有,哈哈哈。

        这个效果实现的核心思想就是写两组input,让其中一组的display是none,这样我们肉眼能看到的实际上就只有一组input,当我们点击图片时让本身的input隐藏,让另一个input显示(哈哈,控制display的属性值就好了,美滋滋)。还有很重要的一件事就是你要把自己本身input的值传递给另一个input。只要上面两件事情做好了你就OK了。

        废话不多说了上代码

css代码 HTML代码 js代码

相关文章

网友评论

    本文标题:1.js实现密码可见与不可见的效果

    本文链接:https://www.haomeiwen.com/subject/tzzkzxtx.html