how to make a login page with html 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: html login scripts

<form action="action_page.php" method="post">
  <div class="imgcontainer">
    <img src="img_avatar2.png" alt="Avatar" class="avatar">
  </div>

  <div class="container">
    <label for="uname"><b>Username</b></label>
    <input type="text" placeholder="Enter Username" name="uname" required>

    <label for="psw"><b>Password</b></label>
    <input type="password" placeholder="Enter Password" name="psw" required>

    <button type="submit">Login</button>
    <label>
      <input type="checkbox" checked="checked" name="remember"> Remember me
    </label>
  </div>

  <div class="container" style="background-color:#f1f1f1">
    <button type="button" class="cancelbtn">Cancel</button>
    <span class="psw">Forgot <a href="#">password?</a></span>
  </div>
</form>

Tags:

Php Example

Recent Posts