שדה אחר שדה

חלק מהיחידה טפסים במסלול ה-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"> משלו, יחד עם התווית שלו, השגיאות שלו ושדה הקלט שלו.

לחצו על Run, שלחו את התאריך 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 %}