Alan Alan

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

{{ form }} her alanı aynı şekilde, alt alta çizer. Her alanı kendi kutusuna koymak için alanları teker teker çiz.

Form, alanlarının listesidir: {% for field in form %} bunları sınıfın tanımladığı sırayla verir. {{ field.as_field_group }} bir alanı etiketi, hataları ve girdisiyle birlikte çizer. İki adın yan yana olduğu 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>

Tek başına kullanılan {{ form.email }} yalnızca girdiyi çizer: etiket yoktur ve neyin yanlış gittiğini belirten bir hata mesajı da yoktur.

Biçem sayfasında her kutuyu karta dönüştüren bir .field kuralı zaten var.

Görev

Kolay

new_event.html dosyasında {{ form }} ifadesini, formun alanları üzerinde döngü yapan bir ifadeyle değiştir. Her alanı etiketi, hataları ve giriş alanıyla birlikte kendi <div class="field"> öğesinin içine yerleştir.

Başlığı ve yeri doldur, tarih olarak da gelecek cumayı gönder: Tarih kartında “Geçerli bir tarih girin.” mesajı görünür.

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