JSFiddle - React, Tailwind, and code Playground

by Terry Lin

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://terrylinooo.github.io/jquery.disableAutoFill/assets/js/jquery.disableAutoFill.min.js"></script>
<link rel="stylesheet" href="https://terrylinooo.github.io/jquery.disableAutoFill/assets/css/style.css">
<div class = "container">
  <div class="wrapper">
    <form action="?submit=1" id="login-form" method="post" class="form-signin">       
      <h3 class="form-signin-heading">Login</h3>
      <hr class="colorgraph"><br>
      <div id="origin-source">
        <input type="text" class="form-control" name="username" placeholder="Username" />
        <input type="text" class="form-control password" name="password" placeholder="Password" />     		  
        <button class="btn btn-lg btn-primary btn-block" name="demo-submit" value="Login" type="Submit">Login</button>
      </div>  			
    </form>  
  </div>
</div>
<div class="footer">
  Powered by <a href="https://en.dictpedia.org">Terry Lin</a> | Document link: <a href="https://github.com/terrylinooo/jquery.disableAutoFill">jquery.disableAutoFill</a>
</div>

JavaScript

$('#login-form').disableAutoFill({
    passwordField: '.password'}
);