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

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

隐藏密码
显示密码

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

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

        废话不多说了上代码


css代码


HTML代码



js代码
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,325评论 1 92
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 137,140评论 19 139
  • 深入理解傅里叶变换Mar 12, 2017 这原本是我在知乎上对傅立叶变换、拉普拉斯变换、Z变换的联系?为什么要进...
    价值趋势技术派阅读 5,996评论 2 2
  • “《杀手的眼泪》讲述的是一个发生在智利边缘蛮荒大陆上的感人故事。一位天真纯洁的男孩,一个恶贯满盈的杀人犯,一个浪...
    小树TV阅读 1,113评论 0 0
  • 一.情有独钟 廊腰漫回,檐牙高琢,各抱地势,勾心斗角…… 亭台楼阁,簇簇而立。 亭亭玉立的少女,个个身姿曼妙,她们...
    砂木槿阅读 863评论 0 0

友情链接更多精彩内容