The best way to master Django is to use it to develop full-stack applications.
You will come across many fascinating features when you work with the framework.
One of them is how to render forms in templates using crispy forms.
Using django-crispy-forms is one of many ways you might render forms in Django.
The dependency allows you to create forms in templates without writing HTML code.
you’ve got the option to easily build reusable layouts without the hassle of writing form code.
It includes a filter named|crispythat renders div-based forms in the template.
Let’s see how that works in a template.
Install Crispy Forms
Start bycreating a Django projectand app.
By registering it, the crispy forms library will be available to all apps in the project.
The built-inDjango user authenticationsystem handles common requirements like validating passwords and issuing permissions.
The system also handles form validation for you.
So you get to create forms without the hassle of handling validation yourself.
If you have done form validation in other frameworks, you’ll know how cumbersome it can be.
The authentication module has aUsermodel or object.
TheUserobject is the main component of the user authentication system.
It handles permissions, authenticating registered users' profiles, access control, and much more.
TheUserCreationFormuses the built-inUserobject to register new users.
It inherits from the ModelForm class.
First, import forms from the Django form module.
Then, import theUserCreationFormfromdjango.contrib.auth.forms.
Also, import the in-builtUsermodel fromdjango.contrib.auth.models.
Then import the field inputs from django ModelForm.
Next, create a registration object namedRegisterUserForm.
It takes theUserCreationFormas an argument.
Add theUserobject fields such as email authentication, username, and two passwords.
These fields are the primary attributes of a user on the registration form.
They are mandatory inputs that users must fill in for the system to authenticate them.
Create a View Function
Next, you’ll create a view function for the registration form.
First, import the render function as well as theRegisterUserFormfrom forms.py.
Then import theUsermodel fromdjango.contrib.auth.models.
The view function named register takes theRegisterUserForm.
It will render it on theregister.htmltemplate.
Create URL Path
Create a URL pathfor theregister.htmltemplate.
This URL is the path for the view function you just created.
You will use django-crispy-forms to render theRegisterUserForm.
In theregister.htmltemplate, extend thebase.html.Thebase.htmlcontains theBootstrap linksyou will use to style the registration form.
Then load the django-crispy-forms with the register.html using template tags.
The form includes thecsrf_token, which protects the registration process from hackers.
Render the form with the same variable name as in the view function.
This will render the form as crispy form.
fire off the server.
Then, check the app in a web client at http://127.0.0.1:8000/register.
You should see the form displayed as illustrated below:
You have rendered a registration form using crispy forms!
Notice that Django automatically added validation to the form.
These include requirements like username and password permissions.
To have a complete sign-up system, add authentication logic to the view function.
it’s possible for you to also add a login page to sign in registered users.
Users should have to fulfill authentication requirements to sign in to the app.
The django-crispy-forms library lets you quickly and easily render validated forms.
Validating data ensures you have accurate data from your users.
The data comes in handy when communicating with users and analyzing performance metrics.
Why Use django-crispy-forms?
django-crispy-forms creates reusable components that you could render in templates.
They come with built-in HTML code.
The code will save you the hassle of structuring and validating forms.
Crispy forms provide a tag and filter that renders forms in a div format.
They also provide the capability to configure and control the rendered HTML.
django-crispy-formsworks well with the Django authentication system.
you’re free to create an authentication system to verify your users without writing much code.
