Форма входа не инициализируется не аутентифицируется

Когда я добавлял шаблон из интернета в код login.html, я столкнулся с проблемой. Когда я попытался войти в систему, это не сработало. Даже после того, как я добавил CSRF-токены и код управления формой входа. У него есть кликабельная кнопка, которая не работает. Я надеюсь, что кто-нибудь сможет мне помочь. Если нужны какие-либо картинки или другие коды, пожалуйста, не стесняйтесь спрашивать.

inn.html(login.html 1'this is a nickname'))

{% extends 'base.html' %}
{% block title %}Login{% endblock %}

{% block content %}

<div class="container">
<br/>   
<h1>Login</h1>

<br/> <br/>
<div class="form-group">
  <form method="POST">
        {% csrf_token %}
        {{ form.as_p }}
        <button class="btn btn-secondary">Login</button>

</div>
{% endblock %}

login.html:

{% extends 'base.html' %}
    {% load static %}
    
    {% block content %}
    <!doctype html>
    <html lang="en">
      <head>
        <!-- Required meta tags -->
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <link href="https://fonts.googleapis.com/css?family=Roboto:300,400&display=swap" rel="stylesheet">
    
        <link rel="stylesheet" href="{% static 'fonts/icomoon/style.css' %}">
    
        <link rel="stylesheet" href="{% static 'css/owl.carousel.min.css' %}">
    
        <!-- Bootstrap CSS -->
        <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
        
        <!-- Style -->
        <link rel="stylesheet" href="{% static 'css/style.css' %}">
    

      </head>
      <body>
      
    
      
      <div class="content">
        <div class="container">
          <div class="row">
            <div class="col-md-6 order-md-2">
    
              <img src="{% static 'images/undraw_file_sync_ot38.svg' %}" alt="Image" class="img-fluid">
            </div>
            <div class="col-md-6 contents">
              <div class="row justify-content-center">
                <div class="col-md-8">
                  <div class="mb-4">
                  <h3>Sign In to <strong>C</strong></h3>
                  <p class="mb-4">Lorem.</p>
                </div>
                <form method="POST">
                {% csrf_token %}
                  <div class="form-group">
                    <input type="text" class="form-control" id="username" placeholder="Username">
    
                  </div>
                  <div class="form-group">
                    <input type="password" class="form-control" id="password" for="password" placeholder="Password">
                   
                  </div>
                    
                
                  <input type="submit" value="Log In" class="btn text-white btn-block btn-primary">
                  
                
                </form>
               
                </div>
              </div>
              
            </div>
            
          </div>
        </div>
      </div>
      
        <script src="{% static 'js/jquery-3.3.1.min.js' %}"></script>
        <script src="{% static 'js/popper.min.js' %}"></script>
        <script src="{% static 'js/bootstrap.min.js' %}"></script>
        <script src="{% static 'js/main.js' %}"></script>
      </body>
    </html>
    {% endblock %}
Вернуться на верх