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

جزء من قسم النماذج في رحلة 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"> خاص به، مع التسمية والأخطاء وحقل الإدخال.

املأ العنوان والمكان، وأرسل يوم الجمعة القادم كتاريخ: تظهر عبارة «أدخل تاريخًا صالحًا.» داخل بطاقة التاريخ.

جرّب بنفسك

{% 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 %}