Hide Show Password In Bootstrap

Hi,

Today, i we will show you hide show password in bootstrap. This article will give you simple example of hide show password in bootstrap. you will learn hide show password in bootstrap. So let’s follow few step to create example of hide show password in bootstrap.

Example

index.php

<!DOCTYPE html>
<html>
<head>
    <title>Hide Show Password In Bootstrap  - Codeplaners.com</title>
    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-show-password/1.0.3/bootstrap-show-password.min.js"></script>
</head>
<body>
    <div class="container">
        <form>
            <div class="form-group">
                <label>Username:</label>
                <input type="text" name="username" class="form-control">
            </div>
            <div class="form-group">
                <label>Password:</label>
                <input type="password" id="password" name="password" class="form-control" data-toggle="password">
            </div>
            <div class="form-group">
                <button class="btn btn-success">Submit</button>
            </div>
        </form>
    </div>
    <script type="text/javascript">
        $("#password").password('toggle');
    </script>
</body>
</html>

Example

Recommended Posts

Random Post