basic login page 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>

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

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

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

<!DOCTYPE html>   
<html>   
<head>  
<meta name="viewport" content="width=device-width, initial-scale=1">  
<title> Login Page </title>  
<style>   
Body {  
  font-family: Calibri, Helvetica, sans-serif;  
  background-color: pink;  
}  
button {   
       background-color: #4CAF50;   
       width: 100%;  
        color: orange;   
        padding: 15px;   
        margin: 10px 0px;   
        border: none;   
        cursor: pointer;   
         }   
 form {   
        border: 3px solid #f1f1f1;   
    }   
 input[type=text], input[type=password] {   
        width: 100%;   
        margin: 8px 0;  
        padding: 12px 20px;   
        display: inline-block;   
        border: 2px solid green;   
        box-sizing: border-box;   
    }  
 button:hover {   
        opacity: 0.7;   
    }   
  .cancelbtn {   
        width: auto;   
        padding: 10px 18px;  
        margin: 10px 5px;  
    }   
        
     
 .container {   
        padding: 25px;   
        background-color: lightblue;  
    }   
</style>   
</head>    
<body>    
    <center> <h1> Student Login Form </h1> </center>   
    <form>  
        <div class="container">   
            <label>Username : </label>   
            <input type="text" placeholder="Enter Username" name="username" required>  
            <label>Password : </label>   
            <input type="password" placeholder="Enter Password" name="password" required>  
            <button type="submit">Login</button>   
            <input type="checkbox" checked="checked"> Remember me   
            <button type="button" class="cancelbtn"> Cancel</button>   
            Forgot <a href="#"> password? </a>   
        </div>   
    </form>     
</body>     
</html>

Posted by: Guest on January-13-2021

Source

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

Code answers related to "basic login page in html"

Code answers related to "Html"

Browse Popular Code Answers by Language

Answers for "basic login page in html"

Code answers related to "basic login page in html"

Code answers related to "Html"

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us