js点击 密码输入框密码显示隐藏
2015-12-29 15:21
543 查看
很多密码框都有个眼睛标记,点击能显示密码。原理就是点击切换password为text等显示
下面上代码
下面上代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .pass{ width:200px; height: 20px; } </style> <script> window.onload=function(){ var btn=document.getElementById("btn"); var pass=document.getElementById("pass") btn.onmousedown=function(){ pass.type="number" }; btn.onmouseup=btn.onmouseout=function(){ pass.type="password" } } </script> </head> <body> <input type="password" name="" id="pass" value="123456" class="pass"/> <input type="button" name="" id="btn" value="点击显示" /> </body> </html>
相关文章推荐
- 学习记录:浏览器JAVASCRIPT里的WINDOWS,DOCUMNET
- 区分javascript中的toString(),toLocaleString(),valueOf()方法
- JSON 数据格式
- JavaScript 函数惰性载入
- js获取及修改网页背景色和字体色的方法
- Javascript高级程序设计笔记 <第五章> 引用类型
- html中JavaScript实现两个子节点互换
- FastJSON 简介及其Map/JSON/String 互转
- js嵌套轮播图
- 深入理解javascript之闭包
- json
- JavaScript Prototype介绍
- JavaScript 之 弹出窗口总结
- 深入理解JavaScript系列文章集锦
- json基本概念
- Servlet&jsp
- JS内置对象、函数
- json对象
- Sencha cmd 5.1 生成EXTJS项目
- Extjs GridPanel 几点说明