input密码框的明文显示(inputShowPwd.js)的使用示例
inputShowPwd.js简介inputShowPwd.js是基于jquery封装开发用于实现input密码框的明文显示功能的js组件,用于格式化一个或多个密码框,实现密码的查看功能
1、开始工作:
最先引入jquery (Bootstrap中文网开源项目免费 CDN 服务):
```html <script type="text/javascript" src="//cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script> ```再次页面中引入:
```html <script type="text/javascript" src="....../inputShowPwd.js"></script> ```2、使用:
html:
(固定格式html准备)
```html```html ``` css(添加当前样式):
```javascript var _input = new inputShowPwd('inputShowPwd'); ``` js(实例化相应的密码显示框):
3、说明:
其中inputShowPwd.css为该组件样式必须引进,当你需要更改密码框样式的时候,请按需适当修改即可
4、兼容性:
兼容IE8及以上浏览器