Campo por campo

Parte de la sección Formularios del Journey de Django de Coddy. Lección 8 de 20.

{{ form }} dibuja todos los campos de la misma manera, uno debajo del otro. Para poner cada campo en su propia caja, dibuja los campos uno a la vez.

Un formulario es una lista de sus campos: {% for field in form %} los proporciona en el orden en que los declara la clase. {{ field.as_field_group }} dibuja un campo con su etiqueta, sus errores y su entrada. Una página de registro con dos nombres uno al lado del otro:

<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 }} por sí solo dibuja únicamente la entrada: sin etiqueta ni error que indique qué salió mal.

La hoja de estilos ya tiene una regla .field que convierte cada caja en una tarjeta.

Desafío

Fácil

En new_event.html, reemplaza {{ form }} por un bucle que recorra los campos del formulario. Coloca cada campo en su propio <div class="field">, con su etiqueta, sus errores y su entrada.

Pulsa Run, envía la fecha next friday y busca el error dentro del cuadro de la fecha.

Pruébalo tú mismo

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