help me, how to insert css class in django form

Question

how to insert css class on django form. in my case i want to insert bootstrap class on my form property likes input tag, label and between them.

bootstrap without django form :

<form role="form">
                  <div class="box-body">
                    <div class="form-group">
                      <label for="exampleInputEmail1">Email address</label>
                      <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
                    </div>
                    <div class="form-group">
                      <label for="exampleInputPassword1">Password</label>
                      <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
                    </div>
</form>

i want to add <div class="form-group"> and class class="form-control" on each input tag to :

     <form method="post" action="">
        {% csrf_token %}
        {{ form.as_p }}
        <input type='submit' value='Create Post' />
      </form>

how?

Answer 1 · 2016-07-23T19:02:23Z

July 23, 2016 7:02pm

If you would like to add custom HTML around each fform field, you will need to loop over the fields and add the HTML directly. The docs have examples on looping over the form's fields.

{% for field in form %}
    <div class="fieldWrapper">
        {{ field.errors }}
        {{ field.label_tag }} {{ field }}
        {% if field.help_text %}
        <p class="help">{{ field.help_text|safe }}</p>
        {% endif %}
    </div>
{% endfor %}

Answer 2 · 2016-07-24T13:52:11Z

July 24, 2016 1:52pm

thank you chris, i'll try

Welcome to the Treehouse Community

Looking to learn something new?

Wendi Adistya

Wendi Adistya

help me, how to insert css class in django form

2 Answers

Chris Freeman

Chris Freeman

Wendi Adistya

Wendi Adistya