Bidang demi Bidang

Termasuk bagian Formulir dalam perjalanan Django di Coddy. Pelajaran 8 dari 20.

{{ form }} menggambar setiap field dengan cara yang sama, satu di bawah yang lain. Untuk menempatkan setiap field di dalam kotak buatanmu sendiri, gambar field satu per satu.

Form adalah list berisi field-fieldnya: {% for field in form %} memberikannya sesuai urutan yang ditetapkan class. {{ field.as_field_group }} menggambar satu field beserta label, error, dan input-nya. Halaman pendaftaran dengan dua nama berdampingan:

<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 }} saja hanya menggambar input: tanpa label dan tanpa error yang menjelaskan apa yang salah.

.field yang mengubah setiap kotak menjadi kartu.

Tantangan

Mudah

Di new_event.html, ganti {{ form }} dengan perulangan untuk setiap field pada formulir. Letakkan setiap field di dalam <div class="field"> tersendiri, beserta label, error, dan inputnya.

Isi judul dan tempat, lalu masukkan Jumat depan sebagai tanggal: “Masukkan tanggal yang valid.” muncul di dalam kartu Tanggal.

Coba sendiri

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