Show Password HTML

Hay ..

Tulisan yang sangat pendek dan sederhana, kali ini saya akan membagikan bagaimana cara show password pada tag HTML, berikut script nya

<!DOCTYPE html>
<html>
  <head>
    <title>Show Password</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">
        <div class="row">
            <div class="col-lg-6">
                <div class="card card-warning">
                    <div class="card-body">
                      <div class="form-group row">
                          <label class="col-4 col-form-label" for="example-input- 
                             normal">Nama</label>
                          <div class="col-8">
                              <input type="text" name="username" class="form-control" />
                          </div>
                      </div>
                      <div class="form-group row">
                          <label class="col-4 col-form-label" for="example-input- 
                             normal">Password</label>
                          <div class="col-8">
                              <input type="password" id="password" name="password" 
                             class="form-control" data-toggle="password">
                          </div>
                      </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script type="text/javascript">
      $("#password").password("toggle");
    </script>
  </body>
</html>

Terimakasih

Dan Sekian ^_^

Related Articles

Comments