simple log in page 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>

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

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

Code answers related to "simple log in page html"

Code answers related to "Html"

Browse Popular Code Answers by Language

Answers for "simple log in page html"

Code answers related to "simple log in page html"

Code answers related to "Html"

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us