0% found this document useful (0 votes)
12 views4 pages

Doctype HTML-wps Office

The document contains HTML and CSS code for a login form with fields for username and password, a login button, and options to remember credentials and retrieve a forgotten password.

Uploaded by

rosemaryjibril
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
0% found this document useful (0 votes)
12 views4 pages

Doctype HTML-wps Office

The document contains HTML and CSS code for a login form with fields for username and password, a login button, and options to remember credentials and retrieve a forgotten password.

Uploaded by

rosemaryjibril
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/ 4

<!

DOCTYPE html>

<html>

<head>

<title>Login Form</title>

<link rel="stylesheet" type="text/css" href="css/style.css">

</head>

<body>

<h2>Login Page</h2><br>

<div class="login">

<form id="login" method="get" action="login.php">

<label><b>User Name

</b>

</label>

<input type="text" name="Uname" id="Uname" placeholder="Username">

<br><br>

<label><b>Password

</b>

</label>

<input type="Password" name="Pass" id="Pass" placeholder="Password">

<br><br>

<input type="button" name="log" id="log" value="Log In Here">

<br><br>

<input type="checkbox" id="check">

<span>Remember me</span>

<br><br>
Forgot <a href="#">Password</a>

</form>

</div>

</body>

</html>

body

margin: 0;

padding: 0;

background-color:#6abadeba;

font-family: 'Arial';

.login{

width: 382px;

overflow: hidden;

margin: auto;

margin: 20 0 0 450px;

padding: 80px;

background: #23463f;

border-radius: 15px ;

h2{

text-align: center;
color: #277582;

padding: 20px;

label{

color: #08ffd1;

font-size: 17px;

#Uname{

width: 300px;

height: 30px;

border: none;

border-radius: 3px;

padding-left: 8px;

#Pass{

width: 300px;

height: 30px;

border: none;

border-radius: 3px;

padding-left: 8px;

#log{

width: 300px;

height: 30px;
border: none;

border-radius: 17px;

padding-left: 7px;

color: blue;

span{

color: white;

font-size: 17px;

a{

float: right;

background-color: grey;

You might also like