Download
Bootstrap Show Password (currently v1.3.0) has a few easy ways to quickly get started, each one appealing to a different skill level and use case. Read through to see what suits your particular needs.
Source code
Source JavaScript, along with our docs.
Clone or fork via GitHub
CDN
The folks over at UNPKG graciously provide CDN support for CSS and JavaScript of Bootstrap Show Password. Just use these CDN links.
<!-- Latest compiled and minified JavaScript -->
<script src="https://unpkg.com/bootstrap-show-password@1.3.0/dist/bootstrap-show-password.min.js"></script>
NPM
Install and manage Bootstrap Show Password’s CSS, JavaScript using NPM.
$ npm install bootstrap-show-password
What’s included
The Multiple Select source code download includes the precompiled CSS, JavaScript, and provides both compiled and minified variations, along with documentation. More specifically, it includes the following and more:
bootstrap-show-password/
├── docs/
├── bootstrap-show-password.js
└── bootstrap-show-password.min.js
The src/
, are the source code for our CSS, JS. The dist/
folder includes everything compiled and minified with src/
. The docs/
folder includes the source code for our documentation. Beyond that, any other included file provides support for packages, license information, and development.
Usage
Include jQuery library, bootstrap library (if your project doesn’t use it already) and bootstrap-show-password.js
in the head tag or at the very bottom of your document, just before the closing body tag (usually recommended for better performance).
<script src="jquery.min.js"></script>
<script src="bootstrap.min.js"></script>
<script src="bootstrap-show-password.js"></script>
The plugin acts on <input>
elements (typically password fields).
Via data attributes
Activate Bootstrap Show Password without writing JavaScript. Set data-toggle="password"
on a normal input.
<input class="form-control" type="password" data-toggle="password">
Via JavaScript
Call a Bootstrap Show Password with id select with JavaScript.
<input id="password" class="form-control" type="password">
$('#password').password()