Django Form with Full Explanation | Complete Django Tutorials
June 9, 2021 2022-12-19 3:23Django Form with Full Explanation | Complete Django Tutorials
Django Form with Full Explanation | Complete Django Tutorials
Django Form with Full Explanation
To learn Django Form we want to learn some of its backgrounds. So go through its basics. Actually, Form is the collection of input fields in which users give data. That data is collected for further processing. The form can be developed with HTML using a special tag. To create a form we use <form>…</form> pair of tag. Actually, such a form is a collection of different fields like text input field, date and time, numbers, email, URL, image, radio button, checkboxes, etc. Users input different types of data in different data.
We need a Form when we want to get data from users if we need to process that data. For example, we want to give an offer to a user in a special product then we will need user information as to their name, email, addresses, etc. Then we will use a form that the user should input his/her required detail, that detail will be collected at our server. Then we can easily the details for the next steps.
For your knowledge, we have published different tutorials related to Django Form as rendering Django Form fields, ModelForm, Retrieving data from the form etc. You can take these tutorials to clear your concept.
HTML Form and Django Form
You should know Form can be only developed with HTML but there is a different way to develop a form. Because expert develops a different way to create a form like drop-down required fields etc. But keep in mind in the backend there is HTML coding that is working. For example, you install a plugin in WordPress to create a form, you did not need to write HTML coding but in the backend, there will be the conversion of your drop-down into HTML coding but you don’t know.
Same like that, if you want to make a Django Form, there is a different technique you have to follow, but you did not need to write HTML tags in order to create a form but in the backend, Django will convert it into HTML code for you. So we have to create a Django form class instead of HTML tags.
Similar Model Class and Form Class
If you have created a Model class and its properties then you will find it the same as creating of form class.
In the below line of code, you will find some similarities, In the first two lines, there is a model class you created with one field. In the next two lines, you create a form with one field. There are different files you can use with model
class and form class, we will discuss it in other Django tutorials briefly.
from django.db import models
class Person(models.Model):
last_name = models.CharField(max_length=30)
from django import forms
class PersonForm(forms.Form):
last_name = forms.CharField()
In the above example, last_name is the name of the field that display on the frontend site, CharField means in the last_name field there are text-based data will be accepted. Keep in mind when you create a form field in the Django form class then Django will map it into <input> tag.
As django will convert last_name = forms.CharField() to <input type=”text” name=”last_name” id=”last_name “>.
Now you can create a form for the required data you want to collect from the user, just follow the below steps
- Create a Django form
- Define properteis as you neeed
- Go to the views section and create a view function
- Render that form in that view section
- Then pass your form in the dictionary to your template in which you want to show the form
- So, in the template use form variable in any section, you want to show
- Your form will be displayed on the frontend side
We share an example for your knowledge and better understanding about creating a form then render that form.
In forms.py file you have to add:
from django import forms
class Jafri_form(forms.Form):
first_name = forms.CharField(max_length=100)
last_name = forms.CharField(max_length=100)
email = forms.EmailField(max_length = 200)
password = forms.CharField(widget=forms.PasswordInput())
In vieews.py file you have to add:
from django.shortcuts import render
from .forms import Jafri_form
def jafri_view(request):
context = {}
context[‘form’] = Jafri_form()
return render( request, “home.html”, context)
In urls.py file you have make url for this view function:
from django.urls import path
# to import views from views.py
from .views import jafri_view
urlpatterns = [
path(”, jafri_view ),
]
In the template, you need to create a form, including the form key as mentioned in views but here form is the variable:
<form method = “GET”>
{{ form }}
<input type = “submit” value = “Submit”>
</form>
{{ form }}
<input type = “submit” value = “Submit”>
</form>
When you run the server, you will get an HTML Form in the browser, if any issue or problem raise then discuss it with us.
Conclusion
Surely, You have understood Django Form. Now you can create a form to collect data from users. After collecting data you can perform different operations on that like CRUD operations. CRUD means you can create, read, update and delete the record as stored in a database.
My suggestion is that you do practise in Django Form because it is the most important topic in all Django study outlines because it used in most of the projects in different ways.
If you have any questions in your mind while reading out the tutorial, then must share them with us. We will provide you the best solution possible.
If you use Facebook, Twitter, Pinterest, LinkedIn, or other social media platforms, then share this Django tutorial, if you share, more students will take the chance to learn.
Recommended Django Tutorial for Beginners
Complete Guide on Django ORM | Django Tutorials
Complete Django Models | Django Tutorials
Complete Built-in Django Form Fields with Examples | Django Tutorials
How to Make Django Dynamic URLs Pattern | Django Tutorials
How to Add Django Website Templates in Django Project and Application
