Добавьте класс в двойные фигурные скобки

Question

Я использую двойные фигурные скобки для импорта переменных в мой html из моего python кода. Я спрашивал, как добавить класс в эти фигурные скобки, чтобы изменить переменную в css. Вот фрагмент кода, над которым я работаю.

              <div>  
                {{ form.username.label(class ='username-label') }}
                <div>
                    {% if form.username.errors %}
                        {{ form.username }}
                        <div>
                            {% for error in form.username.errors %}
                                <span>{{ error }}</span>
                            {% endfor %}
                        </div>
                    {% else %}
                        {{ form.username }}
                    {% endif %}
                </div>

Я пытался добавить класс в form.username.label, чтобы изменить внешний вид метки, но он не работает. Есть ли способ сделать это. Я хочу это специально для этого лейбла, а не для всего div. Я надеюсь, что единственное решение - не добавлять еще один тег div в переменную

Answer 1

Посмотрим, правильно ли я вас понял.

{{ form.username.label(class_='username-label') }}

должно стать

{{ form.username.label(class_='username-label with-errors') }}

на случай, если форма недействительна.

Я бы подошел к ней с

<div>
    {% if form.username.errors %}
        {{ form.username.label(class ='username-label with-errors') }}
    {% else %}
        {{ form.username.label(class ='username-label') }}
    {% endif %}
    <div>
        {% if form.username.errors %}
            {{ form.username }}
            <div>
                {% for error in form.username.errors %}
                    <span>{{ error }}</span>
                {% endfor %}
            </div>
        {% else %}
            {{ form.username }}
        {% endif %}
    </div>
</div>

Также вы можете использовать фактические <label> и <ul> для улучшения семантики.

Редактировать: добавлены подчеркивания, поэтому class_ применяется в шаблоне Flask правильно.