Django Custom Form not saving data to Database - django-forms

Question

I am new to Django.I know this question has been asked here several times but none of the solutions presented worked for me. I am creating a custom user registration form. The form is rendering correctly but it is not posting data to database upon submission. It just refreshes and wipes out the data inputted. I have been cracking my head for the last several hours but i cannot point out where the issue is in this code. Your kind assistance will be appreciated sincerely. Thanks
My view is as follows
```from django.shortcuts import render, redirect
from users.forms import RegistrationForm
from django.contrib import messages
def register(request):
"""Registration view"""
if request.method == 'POST':
form = RegistrationForm(request.POST)
if form.is_valid():
username = form.cleaned_data('username')
messages.success(request, f'Account created for{username}!')
form.save()
return redirect('bookings-home')
else:
print (form.errors)
else:
form = RegistrationForm()
return render(request, 'users/register.html', {'form': form})
```
**My Form is as follows**
```from django import forms
from django.contrib.auth.models import User
from django.contrib.auth.forms import UserCreationForm
class RegistrationForm(UserCreationForm):
"""Handles users registration"""
email = forms.EmailField(required=True)
class Meta:
"""Defines fields needed"""
model = User
fields = (
'username',
'first_name',
'last_name',
'email',
'password1',
'password2'
)
def save(self, commit=True):
"""Save data to the database if safe"""
user = super(RegistrationForm, self).save(commit=False)
user.first_name = self.cleaned_data['first_name']
user.last_name = self.cleaned_data['last_name']
user.email = self.cleaned_data['email']
if commit:
user.save()
return user
```
**My template code is as follows**
```<form method="POST" action = '.'>
{% csrf_token %}
<div class="form-inner">
<div class="login-with-socials">
<button class="btn btn-facebook btn-block">Register with Facebook</button>
<!-- <button class="btn btn-google btn-block">Register with Google</button> -->
<button class="btn btn-twitter btn-block">Register with Twitter</button>
<!-- <button class="btn btn-pinterest btn-block">Register with Pinterest</button> -->
</div>
<div class="text-seperator">
<span>or</span>
</div>
{% for field in form %}
<div class="form-group">
<input id="login_username" class="form-control" placeholder="{{field.label}}" type="{{ field.field.widget.input_type }}">
</div> {% endfor %}```
**And finally my url is as follows**
```from django.contrib import admin
from django.urls import path, include
from users import views as user_views
urlpatterns = [
path('admin/', admin.site.urls),
path('register/', user_views.register, name='register'),
path('', include('hotels.urls')),
]```

Answer 1

I was partly able to get a solution to the issue above by implementing crisp_forms. In the first instance i was attempting to use css with Django fields. I am still very curious to know why the above method is not working