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.

Download source

Clone or fork via GitHub

Via GitHub


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=""></script>


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:

├── 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.


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">