在Django表单中添加额外的HTML并覆盖表单布局的最简单方法是什么？

Question

我有一个表格设置使用Django的形式设施连带模板呈现像这样：

{% block content %} 
    <h1>Register to join Forge Design</h1> 
    <form method="post" action=""> 
     {% csrf_token %} 
     {{ form.as_p }} 
     <input type="submit" value="{% trans 'Submit' %}" /> 
    </form> 
{% endblock %} 

我有田姓，名，电子邮件和入住时间，这会使我的领域垂直与他们的标签左对齐。我想是控制等各个领域，我将有一个布局像下面的截图：

Desired form layout

谁能最好的建议如何自定义，这样我可以在诸如之间穿插标签“姓名”和“电子邮件地址*”，并更改名字和姓氏标签的位置，使其位于各自字段的下方。这是我必须通过在{{form.as_p}}模板中替换{{form fields}}来替代，然后将其包装在一个div中以便由CSS控制吗？

感谢

Answer 1

您可以通过名称来访问每个字段的形式定义

{{ form.first_name.errors }} # Error of your field first name 
{{ form.first_name.label_tag }} # Label of your field first name, generate a label tag 
{{ form.first_name }} # Input for your field first name 

https://docs.djangoproject.com/en/1.10/topics/forms/#rendering-fields-manually