Kako napraviti formu za prijavu?

U ovome primjeru kreiraćemo jednostavnu formu za prijavu. 

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title>IT TUTORIJALI | Forma za prijavu</title>
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
  <style>
    .login-form {
      width: 340px;
      margin: 50px auto;
      font-size: 15px;
    }

    .login-form form {
      margin-bottom: 15px;
      background: #f7f7f7;
      box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
      padding: 30px;
    }

    .login-form h2 {
      margin: 0 0 15px;
    }

    .form-control,
    .btn {
      min-height: 38px;
      border-radius: 2px;
    }

    .btn {
      font-size: 15px;
      font-weight: bold;
    }
  </style>
</head>

<body>
  <div class="login-form">
    <form action="#" method="post">
      <h2 class="text-center">Prijava</h2>
      <div class="form-group">
        <input type="text" class="form-control" placeholder="Korisničko ime" required="required">
      </div>
      <div class="form-group">
        <input type="password" class="form-control" placeholder="Lozinka" required="required">
      </div>
      <div class="form-group">
        <button type="submit" class="btn btn-primary btn-block">Prijavi se</button>
      </div>
      <div class="clearfix">
        <label class="float-left form-check-label"><input type="checkbox"> Zapamti me</label>
        <a href="#" class="float-right">Zaboravio si lozinku?</a>
      </div>
    </form>
    <p class="text-center"><a href="#">Kreiraj nalog</a></p>
  </div>
</body>

</html>