login register html

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

<html> <head> <title>Account</title> <style> body { background-color:#ffda08; } table { border:1px white; margin-top:200px; margin-left:500px; background-color:white; padding:20px } #btn { width:200px; height:50px; background-color:#1ee3d2; } </style> </head> <body> <form name=frmNewAcc> <table border=0 cellspacing=5px> <tr> <th colspan=3><input class=in =text name=txtuname placeholder="Enter your account name"></th> </tr> <tr> <th colspan=3><input class=in type=password name=txtupass placeholder="Enter your new password"></th> </tr> <tr> <th colspan=3><input class=in type=password name=txtuconfirmpass placeholder="Enter confirmed password"></th> </tr> <tr> <th colspan=3><input id=btn type=button value="Create new account"></th> <a href="Login task 1.html">Go back to login</a> </tr> </table> </form> </body> </html>

<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>

{% 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 %}

Answers for "login register html"

Code answers related to "login register html"

Code answers related to "Html"

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us