プログラミング/Django/認証アプリのバグ

バグというほどの大きなものでもないのだけれど、サインアップ後にログイン認証しようとすると、何度も何度も

ユーザー名とパスワードが一致しません。

ってエラーが出るもんだから、なんだろうかと思って調べ続けていたら、まぁこれが単なる打ちミスというだけのことだった。そんなもんだよなぁと最近こういうバグにも慣れてきた気がする。

{% load static %}
<!doctype html>
<html lang="ja">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
    <meta name="generator" content="Hugo 0.79.0">
    <title>Log in</title>

    <!-- Bootstrap core CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">

      <style>
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
    </style>


    <!-- Custom styles for this template -->
    <link href={% static "css/signin.css" %} rel="stylesheet">
  </head>

  <body class="text-center">
      <main class="form-signin">
          {% if form.errors %}
              <p style="color: red">ユーザー名とパスワードが一致しません。</p>
          {% endif %}

      <form method="post">
          {% csrf_token %}
          <img class="mb-4" src={% static "img/bootstrap-logo.svg" %} alt="" width="72" height="57">
          <h1 class="h3 mb-3 fw-normal">Please Log in</h1>
          <label for="Username" class="visually-hidden">User name</label>
          <input type="text"
                 name="username"
                 id="id_username"
                 maxlength="150"
                 autocapitalize="none"
                 autocomplete="username"
                 class="form-control"
                 placeholder="ユーザー名"
                 required autofocus>
          <label for="Password" class="visually-hidden">Password</label>
          <input type="password"

                 name="password" #ここをusernameと打ち込んでいた

                 id="id_password"
                 autocomplete="current-password"
                 class="form-control"
                 placeholder="パスワード" required>

          <input class="w-100 btn btn-lg btn-primary" type="submit" value="ログイン">
          <br><br>
          <a href="#">パスワードを忘れましたか?</a></p>
          <input type="hidden"
                 name="next"
                 value="{% url 'photo:index' %}">
      </form>
      </main>
  </body>
</html>


  </body>
</html>
%d人のブロガーが「いいね」をつけました。