how to make a html login page code example

Example 1: sign up or log 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>

Example 2: how to make a html login page

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

Example 3: how to make a html login

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

Example 4: how to make a html login page

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

Tags:

Html Example

Recent Posts