Hide and show password toggler for the html password field22.03.21

1. 
get the lib:
npm install hideshowpassword

2.
Include into your HTML page:
<script src="../node_modules/free-jqgrid/dist/jquery.jqgrid.min.js"></script>
<script src="../node_modules/hideshowpassword/hideShowPassword.min.js"></script>

3.
Create a form with a password field:

<form  action="/html/authentication.html" method="get" >
  <div class="form-group">
    <label for="user">User:</label>
    <input type="text" class="form-control" id="user" name="user"  aria-describedby="emailHelp" placeholder="Enter Username">
    <small id="emailHelp" class="form-text text-muted">Your Tamuz Access Username</small>
  </div>
  <div class="form-group">
    <label for="passwords">Password:</label>
    <input type="password" class="form-control" id="password" placeholder="Password" name="password">
    <i class="glyphicon glyphicon-eye-open form-control-feedback"></i>
  </div>

<button type="submit" class="btn btn-primary">Submit</button>
</form>

4.
init it within the js:
jQuery('#password').hideShowPassword(true, true);

https://github.com/cloudfour/hideShowPassword

Anonymous

Hide and show password toggler for the html password field22.03.21

Information Epoch 1760841744