如何在 Django 中设置表单样式？

Question

I'm trying to style an upload form in a Django site, so far it is not working. I usually lose some part in this process or at the end the form is not working.

I was wondering what would be simplest way to keep all elements, but to keep it looking modern.

This is how it looks now:

This is my HTML:

{% extends "base.html" %}
{% load static %}
{% block content %}

      <form action="{% url "rca" %}" method="post" enctype="multipart/form-data" class="dropzone">
      {% csrf_token %}
      {{ message }}
      <p>{{ form.non_field_errors }}</p>

      <p>{{ form.docfile.label_tag }} {{ form.docfile.help_text }}</p>

      <p>
            {{ form.docfile.errors }}
            {{ form.docfile }}
      </p>

      <p><input type="submit" value="Upload and Download!"/></p>
      </form>

{% endblock content %}

Please give me some simple solution suggestions.

Answer 1

You need to customize the appearance. You can customize widgets in two ways: it can be via widget instance or via widget class. For this first example I'll be using widget class. Basically you have to use the widget class argument, The widget class has a basic attribute attrs, We also have to add a new class called Meta and specify the name of the model this form is related to, the fields we want to have and finally the widgets for those fields.

File: form.py

class FormName(forms.ModelForm):
    class Meta:
        model = model_name
        fields = ('Browse')
        widgets = {
            'any_proof': forms.ClearableFileInput(attrs={
                'class': "form-control",
                'style':'margin-bottom:5px',
                })
        }

class here you can add bootstrap class or class names.

or

style here you can write css code.