Bootstrap Show Password (currently v1.2.1) 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.
Clone or fork via GitHub
$ npm install bootstrap-show-password
bootstrap-show-password/ ├── docs/ ├── bootstrap-show-password.js └── bootstrap-show-password.min.js
src/, are the source code for our CSS, JS. The
dist/ folder includes everything compiled and minified with
docs/ folder includes the source code for our documentation. Beyond that, any other included file provides support for packages, license information, and development.
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
data-toggle="password" on a normal input.
<input class="form-control" type="password" data-toggle="password">
<input id="password" class="form-control" type="password">