form在模版中的渲染方式
form.as_p
渲染表單為一系列的p標(biāo)簽,每個p標(biāo)簽包含一個字段:
<p>
<label for="id_subject">Subject:</label>
<input id="id_subject" type="text" name="subject" maxlength="100" />
</p>
form.as_ul
渲染表單為一系列的li標(biāo)簽猫态,每個li 標(biāo)簽包含一個字段佣蓉,它不包含ul標(biāo)簽:
<li>
<label for="id_subject">Subject:</label>
<input id="id_subject" type="text" name="subject" maxlength="100" />
</li>
form.as_table
輸出表單為一個HTML的table:
<tr>
<th>
<label for="id_subject">Subject:</label>
</th>
<td>
<input id="id_subject" type="text" name="subject" maxlength="100" />
</td>
</tr>
for field in form
通過迭代form,獲取其中的所有field亲雪。field可引用的包括{{ field.label_tag }}
, {{ field }}
, {{ field.errors }}
:
{% for field in form %}
<div class="form-group">
{{ field.label_tag }}
<div class="">
{{ field }}
</div>
{{ field.errors }}
</div>
{% endfor %}
- field.label_tag
{{ field.label_tag }}
輸出為field的label元素:
<label for="id_message">Message:</label>
- field
{{ field }}
輸出為field的input
<input type="text" name="message" id="id_message" />
- field.errors
{{ field.errors }}
field的errors元素(errors一般在form驗證出錯的時候顯示)
['This field is required.']
form.fieldname
直接將form作為一個dict勇凭,引用其每一個field,比如 {{ form.title }}
引用form中的title這個field:
<div class="form-group">
<label class="control-label">
{{ form.title.label_tag }}
</label>
<div class="">
{{ form.title }}
</div>
{{ form.title.errors }}
</div>
這種方式一般用于form需要更加精準(zhǔn)的樣式的時候义辕,逐個元素逐個元素的編排到html中虾标。