Scribd
Upload
10 views

coding 2

The document is an HTML template for a login form. It includes styles for layout, input fields, and buttons, creating a user-friendly interface. The form allows users to enter their username and password, with a link for password recovery.

Uploaded by

rajeshrathod7188
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
10 views

coding 2

The document is an HTML template for a login form. It includes styles for layout, input fields, and buttons, creating a user-friendly interface. The form allows users to enter their username and password, with a link for password recovery.

Uploaded by

rajeshrathod7188
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login Form</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.form-container {
background-color: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
width: 300px;
}
.form-container h2 {
text-align: center;
margin-bottom: 20px;
}
.form-container input {
width: 100%;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-radius: 4px;
}
.form-container button {
width: 100%;
padding: 10px;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
}
.form-container button:hover {
background-color: #45a049;
}
.form-container .forgot-password {
text-align: center;
margin-top: 10px;
}
.form-container .forgot-password a {
color: #007BFF;
text-decoration: none;
}
.form-container .forgot-password a:hover {
text-decoration: underline;
}
</style>
</head>
<body>

<div class="form-container">
<h2>Login</h2>
<form action="/submit" method="POST">
<input type="text" id="username" name="username" placeholder="Username"
required>
<input type="password" id="password" name="password"
placeholder="Password" required>
<button type="submit">Login</button>
</form>
<div class="forgot-password">
<a href="/forgot-password">Forgot Password?</a>
</div>
</div>

</body>
</html>

You might also like