Answers for "how to create a login page in html"

4

sign up or log in html

<html>
  <head>
        <title>
            Log In or Sign Up
        </title>
    </head>
    <body>
        <div>
            <input type="textarea" placeholder="Enter your username">
            <br>
            <br>
            <input type="password" placeholder="Enter your username">
            <br>
            <br>
            <input type="submit" value="Log In">
            <br>
            <br>
        </div>
        <div>
            <p>
                Or Sign Up!
            </p>
            <br>
            <br>
            <input type="textarea" placeholder="Create a username">
            <br>
            <br>
            <input type="password" placeholder="Create a password">
            <br>
            <br>
            <input type="submit" value="Sign Up">
        </div>
    </body>
</html>
Posted by: Guest on January-14-2021
0

how to make a simple login page in html

### BE AWARE : THIS IS WON'T FUNCTION GOOD AS A LOGIN PAGE
### if you want to make a working login and signup page go to : https://youtu.be/WYufSGgaCZ8



<!DOCTYPE html>
<html>
<head>
    <title>Login</title>
</head>
<body>

    <style type="text/css">
    
    #text{

        height: 25px;
        border-radius: 5px;
        padding: 4px;
        border: solid thin #aaa;
    }

    #button{

        padding: 10px;
        width: 100px;
        color: white;
        background-color: lightblue;
        border: none;
    }

    #box{

        background-color: grey;
        margin: auto;
        width: 300px;
        padding: 20px;
    }
    
    </style>

    <div id="box">
    
        <form method="post">
            <div style="font-size: 20px;margin: 10px;color: white;">Login</div>

            <input id="text" type="text" name="user_name"><br><br>
            <input id="text" type="password" name="password"><br><br>

            <input id="button" type="submit" value="Login"><br><br>
        </form>
    </div>
</body>
</html>
Posted by: Guest on June-30-2021
0

how to make a html login

<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>
Posted by: Guest on December-22-2019
0

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 %}
Posted by: Guest on October-02-2020

Code answers related to "how to create a login page in html"

Browse Popular Code Answers by Language