필드별로

Coddy Django 여정의 폼 섹션에 포함된 레슨. 20개 중 8번째.

{{ form }}은 모든 필드를 같은 방식으로 하나씩 아래에 그립니다. 각 필드를 직접 만든 상자에 넣으려면 필드를 한 번에 하나씩 그리세요.

폼은 필드 목록입니다. {% for field in form %}은 클래스에 선언된 순서대로 필드를 제공합니다. {{ field.as_field_group }}은 레이블, 오류 메시지, 입력란이 포함된 필드 하나를 그립니다. 두 이름이 나란히 표시되는 가입 페이지의 예입니다.

<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 }}만 단독으로 사용하면 입력란만 그립니다. 레이블이 없고, 무엇이 잘못되었는지 알려 주는 오류 메시지도 없습니다.

스타일시트에는 이미 각 상자를 카드로 바꾸는 .field 규칙이 있습니다.

챌린지

쉬움

new_event.html에서 {{ form }}을(를) 폼의 각 필드를 순회하는 반복문으로 바꾸세요. 각 필드를 레이블, 오류 메시지, 입력란과 함께 별도의 <div class="field"> 안에 넣으세요.

제목과 장소를 입력하고 날짜로 다음 금요일을 입력하세요. 날짜 카드 안에 유효한 날짜를 입력하세요.라는 메시지가 표시됩니다.

직접 해보기

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