Создание фильтра

Скопировать кодHTML
<div class="form-group row" aria-required="false">
        <label for="id_first_name" class="col-md-4 col-form-label text-md-right">Имя</label>
        <div class="col-md-6">
            <input type="text" name="first_name" maxlength="30" id="id_first_name"> 
        </div>
</div>

Скопировать кодHTML
<div class="form-group row" aria-required="false">
        <label for="id_first_name" class="col-md-4 col-form-label text-md-right">Имя</label>
        <div class="col-md-6">
            <input type="text" class="form-control" name="first_name" maxlength="30" id="id_first_name"> 
        </div>
</div>

Скопировать код
users
├── __init__.py
├── admin.py
├── apps.py
├── migrations
│   └── __init__.py
├── forms.py
├── models.py
├── templates
│   └── signup.html
├── templatetags
│   ├── __init__.py
│   └── user_filters.py
├── tests.py
├── urls.py
└── views.py

Скопировать кодPYTHON
from django import template
# В template.Library зарегистрированы все теги и фильтры шаблонов
# добавляем к ним и наш фильтр
register = template.Library()


@register.filter 
def addclass(field, css):
        return field.as_widget(attrs={"class": css})

# синтаксис @register... , под которой описан класс addclass() - 
# это применение "декораторов", функций, обрабатывающих функции
# мы скоро про них расскажем. Не бойтесь соб@к

Скопировать кодHTML
{% extends "base.html" %}
{% block title %}Зарегистрироваться{% endblock %}
{% block content %}
{# загружаем фильтр #}
{% load user_filters %}

<div class="row justify-content-center">
    <div class="col-md-8 p-5">
        <div class="card">
            <div class="card-header">Зарегистрироваться</div>
            <div class="card-body">
                
              {% for error in form.errors %}
                  <div class="alert alert-danger" role="alert">
                      {{ error|escape }}
                  </div>
                {% endfor %}

                <form method="post" action="{% url 'signup' %}">
                    {% csrf_token %}

                    {% for field in form %}
                        <div class="form-group row" aria-required={% if field.field.required %}"true"{% else %}"false"{% endif %}>
                                <label for="{{ field.id_for_label }}" class="col-md-4 col-form-label text-md-right">{{ field.label }}{% if field.field.required %}<span class="required">*</span>{% endif %}</label>
                                <div class="col-md-6">

                                    {# подключаем фильтр и указываем класс #}
                                    {{ field|addclass:"form-control" }}

                                    {% if field.help_text %}
                                    <small id="{{ field.id_for_label }}-help" class="form-text text-muted">{{ field.help_text|safe }}</small>
                                    {% endif %}
                                </div>                
                        </div>
                    {% endfor %}

                    <div class="col-md-6 offset-md-4">              
                            <button type="submit" class="btn btn-primary">
                                Зарегистрироваться
                            </button>
                    </div>
                </form>
            </div> <!-- card body -->
        </div> <!-- card -->
    </div> <!-- col -->
</div> <!-- row -->

{% endblock %}