Как поместить дизайн начальной загрузки в CheckboxSelectMultiple на формы django

Question

У меня есть динамическое требование к столбцу в базе данных, и в моем forms.py у меня есть эта RequirementForm для заполнения номера строки требования в базе данных в html.

class RequirementForm(forms.ModelForm):

    class Meta:
        model = ApplicantInfo

        fields = ('requirement',)
        widgets = {
            'requirement': forms.CheckboxSelectMultiple,
        }

Есть ли способ поместитьдизайн начальной загрузки на этом?потому что в моем HTML-коде у меня есть только это:

{% extends 'applicant/base.html' %}

{% block content %}
<center>
    <!-- Default unchecked -->
    <form method = "post">
        {% csrf_token %}
        {{ form }}
        <button type="submit">Save</button>
    </form>
</center>
{% endblock %}

Answer 1

Добавьте начальное веселье в форму:

    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)
        for myField in self.fields:
            self.fields[myField].widget.attrs['class'] = 'form-control'

Также не забудьте добавить загрузочный CSS и js в шаблон

Answer 2

Вы можете использовать django-crispy-формы https://django -crispy-forms.readthedocs.io / en / latest /

в ваших settings.py

CRISPY_TEMPLATE_PACK = 'bootstrap3' #or bootstrap4

При этом ваш шаблон будет выглядеть так

{% extends 'applicant/base.html' %}
{% load crispy_forms_tags %}

{% block content %}
<center>
    <!-- Default unchecked -->
    <form method = "post">
        {% csrf_token %}
        {{ form|crispy }}
        <button type="submit" class="btn btn-default">Save</button>
    </form>
</center>
{% endblock %}