Scribd
Upload
23 views2 pages

HTML Code

This document is an HTML template for a login form. It includes CSS styling for the form layout and input fields, ensuring a user-friendly interface. The form requires a username and password and submits the data via POST method to a specified PHP file.

Uploaded by

Ifeoluwa Olaoluwa
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
23 views2 pages

HTML Code

This document is an HTML template for a login form. It includes CSS styling for the form layout and input fields, ensuring a user-friendly interface. The form requires a username and password and submits the data via POST method to a specified PHP file.

Uploaded by

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

<!

DOCTYPE html>

<html>

<head>

<title>Login Form</title>

<style>

/* CSS styling for the form */

Body {

Font-family: Arial, sans-serif;

.container {

Max-width: 400px;

Margin: 0 auto;

Padding: 20px;

Border: 1px solid #ccc;

Border-radius: 5px;

H2 {

Text-align: center;

Label {

Display: block;

Margin-bottom: 10px;

Input[type=”text”], input[type=”password”] {

Width: 100%;

Padding: 10px;

Border-radius: 3px;

Border: 1px solid #ccc;

Input[type=”submit”] {

Width: 100%;
Padding: 10px;

Border-radius: 3px;

Border: none;

Background-color: #0099FF;

Color: #fff;

Cursor: pointer;

</style>

</head>

<body>

<div class=”container”>

<h2>Login Form</h2>

<form method=”POST” action=”login.php”> <!—Replace “login.php” with the appropriate PHP


file name 

<label for=”uname”>Username</label>

<input type=”text” id=”uname” name=”uname” required>

<label for=”pword”>Password</label>

<input type=”password” id=”pword” name=”pword” required>

<input type=”submit” value=”Login”>

</form>

</div>

</body>

</html>

You might also like