0Pricing
Django Academy · Pelajaran

Merender Form dalam Template

Keluarkan field, label, dan galat dengan aman

Merender Form dalam Template adalah pelajaran Django Academy gratis di CoddyKit. Ini adalah pelajaran 3 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Django Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Django Academy mencakup 4 pelajaran total.

Teruskan Formulir

Kirim formulir ke templat melalui context, seperti variabel lainnya, agar formulir dapat ditampilkan.

return render(request, "contact.html",
    {"form": form})

Tampilkan Semuanya Sekaligus

Mencetak {{ form }} menghasilkan setiap field beserta label, widget, dan error-nya. Ini adalah cara tercepat untuk mendapatkan formulir yang berfungsi.

<form method="post">
  {{ form }}
</form>

Pilih Pembantu Tata Letak

Gunakan as_p, as_div, atau as_table untuk membungkus setiap field dalam struktur yang rapi tanpa menulis markup sendiri.

{{ form.as_p }}

Tampilkan Satu Field

Akses satu field berdasarkan namanya untuk mengatur penempatannya. {{ form.name }} hanya menampilkan widget tersebut.

{{ form.email }}

Tampilkan Label

Pasangkan field dengan label_tag untuk menghasilkan elemen label yang tepat dan terhubung ke input demi aksesibilitas.

{{ form.email.label_tag }}
{{ form.email }}

Tampilkan Error Field

Setiap field terikat memiliki errors sendiri, sehingga Anda dapat menempatkan pesan validasi tepat di samping input yang sesuai.

{{ form.email.errors }}

Error di Luar Field

Error yang dihasilkan oleh clean() untuk seluruh formulir disebut non_field_errors. Tampilkan error tersebut di bagian atas formulir, bukan pada satu field tertentu.

{{ form.non_field_errors }}

Lakukan Perulangan pada Field

Lakukan iterasi pada formulir dengan perulangan for untuk menampilkan setiap field dengan cara yang sama, sambil tetap mengendalikan markup pembungkusnya.

{% for field in form %}
  {{ field.label_tag }} {{ field }}
{% endfor %}

Tampilkan help_text

Di dalam perulangan, tampilkan field.help_text untuk membantu pengguna dengan petunjuk yang Anda tetapkan pada field tersebut.

{{ field.help_text }}

Tambahkan Tombol Kirim

Django menampilkan input, tetapi bukan tombol kirim atau tag formulir, jadi Anda harus menambahkannya sendiri.

<button type="submit">Send</button>

Pelepasan Escape Otomatis Menjaga Keamanan

Mesin templat secara default melakukan escape pada nilai yang ditampilkan, sehingga input pengguna tidak dapat menyisipkan HTML dan menyebabkan XSS.

Pemeriksaan Cepat

Bagaimana formulir ditampilkan dalam templat?

Rangkuman

Teruskan formulir, tampilkan dengan as_p atau field demi field, dan tampilkan error. Anda selalu menambahkan tag formulir dan tombolnya sendiri. ✅

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Merender Form dalam Template” gratis?

Ya — teks lengkap “Merender Form dalam Template” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Django Academy, upgrade ke CoddyKit PRO. Kursus Django Academy mencakup 4 pelajaran total.

Apa yang akan aku pelajari di “Merender Form dalam Template”?

Keluarkan field, label, dan galat dengan aman Kamu berlatih Django Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.

Apakah aku perlu pengalaman untuk memulai Django Academy?

Tidak diperlukan pengalaman sebelumnya. Django Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 3 dari 4.

Berapa lama pelajaran “Merender Form dalam Template” memakan waktu?

Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.

Bisakah aku menulis dan menjalankan kode dalam pelajaran Django Academy ini?

Ya. Setiap pelajaran Django Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.

Semua pelajaran dalam kursus ini

  1. Mendefinisikan forms.Form
  2. is_valid dan cleaned_data
  3. Merender Form dalam Template
  4. Perlindungan CSRF dan Alur POST
← Kembali ke Django Academy