build a login page with 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>

<!DOCTYPE html>  <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>Popup Login Form Design | CodingNepal</title> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"/> </head> <body> <div class="center"> <input type="checkbox" id="show"> <label for="show" class="show-btn">View Form</label> <div class="container"> <label for="show" class="close-btn fas fa-times" title="close"></label> <div class="text"> Login Form </div> <form action="#"> <div class="data"> <label>Email or Phone</label> <input type="text" required> </div> <div class="data"> <label>Password</label> <input type="password" required> </div> <div class="forgot-pass"> <a href="#">Forgot Password?</a> </div> <div class="btn"> <div class="inner"></div> <button type="submit">login</button> </div> <div class="signup-link"> Not a member? <a href="#">Signup now</a> </div> </form> </div> </div> </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 "build a login page with html"

Code answers related to "Html"

Browse Popular Code Answers by Language

Answers for "build a login page with html"

Code answers related to "build a login page with html"

Code answers related to "Html"

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us