How to add a Login Form to an Image using HTML and CSS ?

on

 




<!DOCTYPE html>

<html>


<head>

<meta name="viewport"

content="width=device-width, initial-scale=1">

</head>


<body>

<div class="bg-img">

<h1>GeeksforGeeks</h1>

<form class="container">

<b>Username</b>

<input type="text" placeholder="Username Please"

name="username" required>


<b>Password</b>

<input type="password" placeholder="Enter Password"

name="password" required>


<button type="submit" class="button">Login</button>

</form>

</div>

</body>


</html>



------------------------------------------------------------------------------------------





<div class="bg-img">
  <form action="/action_page.php" class="container">
    <h1>Login</h1>

    <label for="email"><b>Email</b></label>
    <input type="text" placeholder="Enter Email" name="email" required>

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

    <button type="submit" class="btn">Login</button>
  </form>
</div>


Comments

Post a Comment