حقلًا تلو الآخر

جزء من قسم النماذج في رحلة Django على Coddy. الدرس 8 من 20.

يعرض {{ form }} كل الحقول بالطريقة نفسها، واحدًا تحت الآخر. لوضع كل حقل في مربع خاص بك، اعرض الحقول واحدًا تلو الآخر.

يتكوّن النموذج من قائمة حقوله: يعرضها {% for field in form %} بالترتيب الذي يحدده الصنف. يعرض {{ field.as_field_group }} حقلًا واحدًا مع تسميته وأخطائه وعنصر الإدخال الخاص به. صفحة تسجيل تتضمن اسمين جنبًا إلى جنب:

<div class="row">
    <div class="half">{{ form.first_name.as_field_group }}</div>
    <div class="half">{{ form.last_name.as_field_group }}</div>
</div>

يعرض {{ form.email }} بمفرده عنصر الإدخال فقط: من دون تسمية، ومن دون رسالة خطأ توضح ما حدث.

تتضمن ورقة الأنماط بالفعل قاعدة .field التي تحوّل كل مربع إلى بطاقة.

التحدي

سهل

في new_event.html، استبدل {{ form }} بحلقة تمرّ على حقول النموذج. ضع كل حقل في عنصر <div class="field"> خاص به، مع التسمية والأخطاء وحقل الإدخال.

اضغط على «تشغيل»، وأرسل التاريخ next friday، وابحث عن الخطأ داخل مربع التاريخ.

جرّب بنفسك

{% extends "events/base.html" %}

{% block title %}Add an event{% endblock %}

{% block content %}
<h1>Add an event</h1>
<form method="post">
    {% csrf_token %}
    {{ form }}
    <button type="submit">Add event</button>
</form>
{% endblock %}