title: django templates {{form.errors}} not showing
body: <p>I have a problem my website.
  Please help me.
  This is my template folder.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>{% extends "layout.html" %}
  
  {% block head %}
      &lt;title&gt;Login&lt;/title&gt;
      &lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" integrity="sha384-gfdkjb5BdAXd+lj+gudLWI+BXq4IuLW5IT+brZEZsLFm++aCMlF1V92rMkPaX4PP" crossorigin="anonymous"&gt;
  
      &lt;style&gt;
          body,
          html {
              margin: 0;
              padding: 0;
              height: 100%;
              background: #7abecc !important;
          }
          .user_card {
              width: 350px;
              margin-top: auto;
              margin-bottom: auto;
              background: #74cfbf;
              position: relative;
              display: flex;
              justify-content: center;
              flex-direction: column;
              padding: 10px;
              box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
              -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
              -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
              border-radius: 5px;
  
          }
  
          .form_container {
              margin-top: 20px;
          }
  
          #form-title{
              color: #fff;
          }
          .login_btn {
              width: 100%;
              background: #33ccff !important;
              color: white !important;
          }
          .login_btn:focus {
              box-shadow: none !important;
              outline: 0px !important;
          }
          .login_container {
              padding: 0 2rem;
          }
          .input-group-text {
              background: #f7ba5b !important;
              color: white !important;
              border: 0 !important;
              border-radius: 0.25rem 0 0 0.25rem !important;
          }
          .input_user,
          .input_pass:focus {
              box-shadow: none !important;
              outline: 0px !important;
          }
  
      &lt;/style&gt;
  
  {% endblock %}
  {% block body %}
      &lt;div class="container h-100"&gt;
          &lt;div class="d-flex justify-content-center h-100"&gt;
              &lt;div class="user_card"&gt;
                  &lt;div class="d-flex justify-content-center"&gt;
                      &lt;h3 id="form-title"&gt;REGISTER ACCOUNT&lt;/h3&gt;
                  &lt;/div&gt;
                  &lt;div class="d-flex justify-content-center form_container"&gt;
  
                      &lt;form method="POST" action=""&gt;
                          {% csrf_token %}
                          &lt;div class="input-group mb-3"&gt;
                              &lt;div class="input-group-append"&gt;
                                  &lt;span class="input-group-text"&gt;&lt;i class="fas fa-user"&gt;&lt;/i&gt;&lt;/span&gt;
                              &lt;/div&gt;
                              {{form.username}}
                          &lt;/div&gt;
                          &lt;div class="input-group mb-2"&gt;
                              &lt;div class="input-group-append"&gt;
                                  &lt;span class="input-group-text"&gt;&lt;i class="fas fa-envelope-square"&gt;&lt;/i&gt;&lt;/span&gt;
                              &lt;/div&gt;
                              {{form.email}}
                          &lt;/div&gt;
                          &lt;div class="input-group mb-2"&gt;
                              &lt;div class="input-group-append"&gt;
                                  &lt;span class="input-group-text"&gt;&lt;i class="fas fa-key"&gt;&lt;/i&gt;&lt;/span&gt;
                              &lt;/div&gt;
                              {{form.password1}}
                          &lt;/div&gt;
                          &lt;div class="input-group mb-2"&gt;
                              &lt;div class="input-group-append"&gt;
                                  &lt;span class="input-group-text"&gt;&lt;i class="fas fa-key"&gt;&lt;/i&gt;&lt;/span&gt;
                              &lt;/div&gt;
                              {{form.password2}}
                          &lt;/div&gt;
  
  
                          &lt;div class="d-flex justify-content-center mt-3 login_container"&gt;
                              &lt;input class="btn login_btn" type="submit" value="Register Account"&gt;
                          &lt;/div&gt;
  
                      &lt;/form&gt;
                  &lt;/div&gt;
  
                  {{form.errors}}
  
                  &lt;div class="mt-4"&gt;
                      &lt;div class="d-flex justify-content-center links"&gt;
                          Already have an account? &lt;a href="{% url 'login' %}" class="ml-2"&gt;Login&lt;/a&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      {% endblock %}
      {% block script %}
      &lt;script&gt;
          var form_fields = document.getElementsByTagName('input')
          form_fields[1].placeholder='Username..';
          form_fields[2].placeholder='Email..';
          form_fields[3].placeholder='Enter password...';
          form_fields[4].placeholder='Re-enter Password...';
  
  
          for (var field in form_fields){ 
              form_fields[field].className += ' form-control'
          }
      &lt;/script&gt;
      {% endblock %}</code></pre>
  </div>
  </div>
  </p>
  <p>and I cant see my web site form.errors and this is my views.py</p>
  <pre><code>from django.contrib.auth.forms import UserCreationForm
  from django.contrib.admin.views.decorators import staff_member_required
  from django.shortcuts import redirect, render, get_object_or_404
  from .models import Article
  from .form import ArticleForm,CreateUserForm
  
  #USER
  
  
  def register(request):
      context = dict()
      context['form'] = CreateUserForm()
      if request.method == 'POST':
          form = CreateUserForm(request.POST)
          if form.is_valid():
              form.save()
              return redirect('login')
          
          else:
              context['errors'] = form.errors
              print(form.errors)
          
      return render(request,'page/register.html',context)
  </code></pre>
  <p>I see my errors in terminal but not see my web site and If I add {{errors}} to my template file,
  I can see on the site like this</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>    &lt;/div&gt;
  
                  {{errors}}
  
                  &lt;div class="mt-4"&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>But I want to use form.errors. What should ı do?</p>