login model using html css

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

Answers for "login model using html css"

Code answers related to "login model using html css"

Code answers related to "Html"

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us