Как расположить поля формы вертикально?

Я создаю форму входа в систему, используя класс Forms. К сожалению, когда я запускаю страницу, то обнаруживаю, что расположение полей горизонтальное. Не могли бы вы помочь мне сделать его вертикальным?

Ниже приведен код forms.py:

from django import forms

class LoginForm(forms.Form):
    username = forms.CharField(label='Your name', max_length = 50)
    password = forms.CharField(max_length = 50, widget=forms.PasswordInput)

А вот код views.py:

from django.shortcuts import render
from .models import Login
from .forms import LoginForm 
  
# Create your views here.
 
def login_function(request):
    try:
        username = request.POST.get('username')
        password = request.POST.get('password')
        data = Login(username = username, password = password)
        data.save()
    except:
        x = 'error'
    return render(request,'pages/login.html', {'loginform':LoginForm})

А вот код login.html:

{% block content %}
    <form method="POST">
        {% csrf_token %}
        {{loginform}}            
        <input type="submit" value="Save">
    </form>
{% endblock content %}

Вернуться на верх