Alan Alan

Coddy'nin Django Journey'sinin Formlar bölümünün bir parçası. Ders 8 / 20.

{{ form }} tüm alanları aynı şekilde, alt alta çizer. Her alanı kendi kutusuna yerleştirmek için alanları teker teker çizin.

Bir form, alanlarının listesidir: {% for field in form %} alanları sınıfın tanımladığı sırayla verir. {{ field.as_field_group }} bir alanı etiketi, hataları ve giriş öğesiyle birlikte çizer. Yan yana iki adın yer aldığı bir kayıt sayfası:

<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 }} tek başına yalnızca giriş öğesini çizer: etiket yoktur ve neyin yanlış gittiğini belirten bir hata da yoktur.

Stil sayfasında her kutuyu karta dönüştüren bir .field kuralı zaten bulunur.

Görev

Kolay

new_event.html dosyasında {{ form }} ifadesini, formun alanlarını dolaşan bir döngüyle değiştir. Her alanı etiketi, hataları ve giriş alanıyla birlikte kendine ait bir <div class="field"> içine koy.

Çalıştır'a bas, tarih olarak next friday gönder ve tarih kutusunun içindeki hatayı bul.

Kendin dene

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