html login scrren code example

Example 1: how to make a html login page

<html>
      <head>
    <title>Login page example</title>
    <style>
      input{
        font-size: 20;
      }
      body{
        background-color: red;
      }
    </style>
  </head>
  <body>
    <input placeholder="Username"/>
    <br />
    <input type="password" placeholder="Password"/>
    <br/>
    <br/>
    <button>Login</button>
    </body>

</html>

Example 2: login html

{% extends '!!!!!ALERT_CHANGE_THIS_ALERT!!!!!!!/base.html' %}
{% load crispy_forms_tags %}

{% block title %}
<title>Login</title>
{% endblock %}

{% block body %}
<div class="container">
    <div class="row justify-content-center mt-5">
        <div class="col-5 border shadow rounded p-4">
            <h1 class="font-weight-lighter text-center">Login</h1>
            <form method="POST">
                {% csrf_token %}
                {{ form | crispy }}
                <button class="btn btn-outline-secondary btn-block mt-4">
                    Login
                </button>
            </form>
        </div>
    </div>
</div>
{% endblock %}

Tags:

Misc Example

Recent Posts