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 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 kesalahannya.

.field yang mengubah setiap kotak menjadi kartu.

Tantangan

Mudah

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

Tekan Jalankan, kirim tanggal next friday, lalu temukan error di dalam kotak 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 %}