Initial form data - Django Forms

When using Django forms, we may want to automatically fill in some fields with default values. This is called initial data and it's different from placeholders because it actually fills the fields. When the form is submitted, this data is treated just like anything the user types in.

Django offers multiple ways to set initial data for forms. The most common is passing a dictionary of initial values when initializing the form in your view. Other options include setting initial values directly on form fields or overriding the form’s __init__ method for more dynamic behavior.

How to Pass Initial Data to a Django Form?

Let’s explore how to set initial data in a Django form using a simple example. Assume we have a project called geeksforgeeks and an app called geeks.

Refer to the following articles to check how to create a project and an app in Django.

• How to Create a Basic Project using MVT in Django?
• How to Create an App in Django ?

Step 1: Create a Demo Form

In geeks/forms.py, define a basic Django form:

Step 2: Create a View to Render the Form

In geeks/views.py, create a view to display the form:

Step 3: Create a Template to Display the Form

In templates/home.html, add the form rendering code:

Step 4: Run the Server and Visit the Form

Run the Django development server:

python manage.py runserver

Methods to Add Initial Data

Method 1: Pass Initial Data in the View (Most Common)

You can pass a dictionary with initial field values when instantiating the form in your view:

Now open http://127.0.0.1:8000/. This method is senior of all and will override any data provided during other methods.

Explanation:

• When you visit the form page, the fields are pre-filled with the values specified in initial_data.
• This initial data acts as actual form data and will be submitted if the user does not change it.
• This method takes precedence over any other initial values specified elsewhere.

Method 2: Set Initial Values on Form Fields in forms.py

Alternatively, you can specify initial values directly when defining fields in your form class:

Now visit, http://127.0.0.1:8000/. One can see the data being updated to method 2.

Explanation:

• When the form renders, fields show these default values.
• If you also pass initial data in the view (Method 1), those values will override these.
• Useful when you want a static initial value that applies everywhere the form is used.

Read Next: form field custom widgets