Below please find the code for the form for the next lecture.

Note:

You can do this the way we learned or using render_field

1. The way we learned:

{{ field|add_class:"bg-slate-100 dark:bg-slate-300 text-slate-800 rounded-lg p-3 drop-shadow-xl w-full" }}

2. Using render_field template filer:

{% render_field field class="bg-slate-100 dark:bg-slate-300 text-slate-800 rounded-lg p-3 drop-shadow-xl w-full" %} 

Full code:

 <form method="POST">
    {% csrf_token %}
    {% for field in form %} 

        <div class="mb-4">
            <label class="block text-gray-700 text-sm font-bold mb-2" for="{{ field.id_for_label }}">{{ field.label }}</label> 
            {% render_field field class="bg-slate-100 dark:bg-slate-300 text-slate-800 rounded-lg p-3 drop-shadow-xl w-full" %} 
        </div> 

    {% endfor %} 
    <button type="submit" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">Submit</button>
</form>