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}}を個々の{{フォームフィールド}}に置き換えて、それをCSSで管理するdivにラップすることで行う必要がありますか？あなたが名前で各フィールドにアクセスすることができ

おかげ

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