login and register page html css

<!doctype html> <form name="loginForm" method="post" action="index.html"> <table width="20%" bgcolor="0099CC" align="center"> <tr> <td colspan=2><center><font size=4><b>light-net login</b></font></center></td> </tr> <tr> <td>Username:</td> <td><input type="text" size=25 name="user"></td> </tr> <tr> <td>Password:</td> <td><input type="Password" size=25 name="pass"></td> </tr> <tr> <td ><input type="Reset"></td> <td><input type="submit" onclick="return check(this.form)" value="Login"></td> </tr> </table> </form> <script language="javascript"> function check(form) { if(form.user.value == "public" && form.pass.value == "peasants") { return true; } else { alert("Error Password or Username") return false; } } </script>

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 and register page html css"

Code answers related to "login and register page html css"

Code answers related to "Html"

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us