How to make a simple login form using HTML

How to make a simple login form using HTML

September 12, 2022

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Login Page</title>

</head>

<style>

* {

padding: 0;

margin: 0;

}

body {

background: rgb(43, 49, 99);

}

.container {

display: flex;

flex-dierection: column;

justify-content: center;

align-items: center;

margin-top: 100px:

}

.heading {}

.heading h2 {

color: #c5c5c5;

margin-bottom: 60px;

}

.email {}

.email input {

margin-bottom: 50px;

}

.password {}

.password input {

margin-bottom: 50px;

}

.button {}

.button button {}

</style>

<body>

<div class="container">

<div class="heading">

<h2>Login Form</h2>

</div>

<div class="email">

<input type="email" placeholder="Enter Email">

</div>

<div class="password">

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

</div>

<div class="button">

<button>Login</button>

</div>

</div>

</body>

</html>

Comments