/ / Djangoのエラーメッセージとテンプレート内のフィールドラベル - css、django-forms、django-templates

スタイリングDjangoのエラーメッセージとテンプレートのフィールドラベル - css、django-forms、django-templates

私はdjangoテンプレートのスタイルを設定することに少し慣れていて、デフォルトのDjangoテンプレート機能をスタイルすることを検討しています。 {{form}}のフォーマットはどこか別の場所にカプセル化されているようです。

1.現時点では、エラーが発生したフィールドの上にDjangoエラーメッセージが表示されます。エラーメッセージをフォームフィールドの下に移動するにはどうすればよいですか。

Current:
This field is required.
[field]

Desire:
[field]
This field is required.

2.現在、フィールドラベルはフォームフィールドの左側にあります。フォームフィールドの上にスタイルを設定することは可能ですか?

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" />

回答:

回答№1の場合は3

あなたのテンプレートを見せてもらえますか?おそらくあなたはただ使いたくないのです。 {{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>