在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