python - Django 格式化表单的最佳方式是什么？

Question

我刚刚接触 Django 并阅读了很多书籍，现在我正在构建我的第一个应用程序。当我在我的模板中呈现我的表单时，我使用...

{{ form.as_ul }}

现在我正在尝试将一些 CSS 应用于我的表单。事实证明很难让它看起来漂亮。我想知道是否有更好的方式来渲染和样式化表单？

Answer 1

好吧，您可以利用以下几个选项:

1. form.as_p
2. form.as_ul
3. form.as_table

由您决定您想要什么。至于用 CSS 自定义它，看看他们是如何构建表单的(taken from django docs):

<form action="/contact/" method="post">
    {{ form.non_field_errors }}
    <div class="fieldWrapper">
        {{ form.subject.errors }}
        <label for="id_subject">Email subject:</label>
        {{ form.subject }}
    </div>
    <div class="fieldWrapper">
        {{ form.message.errors }}
        <label for="id_message">Your message:</label>
        {{ form.message }}
    </div>
    <div class="fieldWrapper">
        {{ form.sender.errors }}
        <label for="id_sender">Your email address:</label>
        {{ form.sender }}
    </div>
    <div class="fieldWrapper">
        {{ form.cc_myself.errors }}
        <label for="id_cc_myself">CC yourself?</label>
        {{ form.cc_myself }}
    </div>
    <p><input type="submit" value="Send message" /></p>
</form>

原来的形式是这样的:

from django import forms

class ContactForm(forms.Form):
    subject = forms.CharField(max_length=100)
    message = forms.CharField()
    sender = forms.EmailField()
    cc_myself = forms.BooleanField(required=False)

因此，如您所见，您可以访问表单元素，通过

{{ form.<element_name>.<element_properties> }}

您可以将自己的 CSS 添加到 label s 或 div秒。完全由您决定您想做什么。另外，如果您想要使用 Bootstrap 3 格式化的表单，那么我建议您使用 django-crispyforms extension for django .