JSFiddle - React, Tailwind, and code Playground

by Alvaro Montoro

HTML

<form method="post" action="javascript: void(0);" id="login-form" class="login-form" autocomplete="off">
  <h1>Login form</h1>
  <figure>
    <!-- Placeholder for the image -->
  </figure>
  <div>
    <label class="required">
      <span>Username</span>
      <input type="text" name="username" id="username" required />
    </label>
  </div>
  <div>
    <label class="required">
      <span>Password</span>
      <input type="password" name="password" id="password" required />
    </label>
  </div>
  <div>
    <label>
      <input type="checkbox" name="show-password" id="show-password" />
      <span>Show Password</span>
    </label>
  </div>
  <input type="submit" value="Log In" name="submit" id="submit" />
  <div class="forgot-password">
    <a href="#">Forgot password?</a>
  </div>
</form>