在模板中设置 Django 错误消息和字段标签的样式

Question

我对 Django 模板的样式有点陌生，我想为某些默认的 Django 模板函数设置样式。 {{ form }} 的格式似乎封装在其他地方。

1.Currently，出现错误的字段上方的Django错误信息。如何将错误消息移动到表单域下方？

Current:
    This field is required.
    [field]

Desire:
    [field]
    This field is required.

2.Currently 字段标签位于表单字段的左侧。是否可以在表单字段上方设置样式？

Current:
    Username: [field]

Desire:
    Username:
    [field]

谢谢。

我的模板是这样的：

 {% block title %}{% trans "title" %}{% endblock %}

 {% block content %}

 {% load staticfiles %}
 <link rel="stylesheet" type="text/css" href="{% static 'sites/css/style.css' %}" />

 <form action="" method="post">
     {% csrf_token %}
     {{ form.as_p }}
     <input type="submit" name="add" value="Add" />

Answer 1

你能展示一下你的模板吗？可能你不想只使用 {{form}}，而是更像这样的东西：

<form action="/" method="POST">
    {% csrf_token %}
    {% for field in form %}
        <div class="submit-link-row">{{ field.label_tag }} <br> {{ field }}</div>
        {% if form.errors %}
            {% for error in field.errors %}
            <p class="error-message">
                <strong>{{ error|escape }}</strong>
            </p>
            {% endfor %}
        {% endif %}
        {% if field.help_text %}
        <p class="help">{{ field.help_text|safe }}</p>
        {% endif %}
    {% endfor %}
    <div class="submit-link-row"><input class="button" type="submit" value="submit"></div>
</form>

在模板中设置 Django 错误消息和字段标签的样式

Styling Django error message and field label in template

css

django-templates

django-forms