HTML+CSS Form đăng nhập

**Admin** Tue Sep 13, 2011 10:38 pm

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Form Đăng Nhập</title>

</style>

<style type="text/css">

body {

font-family: helvetica;

font-size: 62.5%;

}

form {

width: 600px;

margin: 40px auto;

}

fieldset {

background: #FFC;

}

form div {

margin: 0 0 15px 0px;

font-size: 1.2em;

}

legend {

font-size: 1.6em;

font-weight: bold;

margin: 0px 0px 10px 0px;

}

label {

width: 120px;

display: block;

float: left;

clear: left;

font-weight:300;

line-height: 1.5em;

}

label.email-priviate {

float: none;

font-weight: normal;

width: auto;

margin: 5px 0px 0px 95px;

}

label.pass-privi {

float: none;

font-weight: normal;

width: auto;

margin: 5px 0px 0px 95px;

}

label.birthday {

float: none;

font-weight: normal;

width: auto;

margin: 5px 0px 0px 95px;

}

.button{

float:center;

margin: 10px 0px 0px 100px;

}

.button:hover

{

color:#F00;

text-align:inherit;

background-color:#0F3;

border: medium;

width:center;

}

</style>

</head>

<div id ="khung" >

<p> </p>

<form id="form">

<fieldset>

<legend>Form đăng nhập</legend>

<div >

<label for="name">Full Name <span>*</span></label>

<input id="name" name="name" />

</div>

<div>

<label for="address">Adress <span>*</span></label>

<input id="address" name="address" />

</div>

<div>

<label for="sex">SEX</label>

<select name="select">

<option value="1" selected> [select one]

<option value="2">Mr

<option value="3">Ms

</select>

</div>

<div>

<label for="login">login</label>

<INPUT TYPE="TEXT" SIZE="30"><BR>

<label for="priviate" class="email-priviate">

ID may consist of a-z,0-9,underscores,and dot(.)

</label>

</div>

<div>

<label for="password">Password </label>

<INPUT TYPE="TEXT" SIZE="30"><BR>

<label for="privi" class="pass-privi">

six characters or more; capitalization matters!

</label>

</div>

<div>

<label for="re password">Re-typePassword </label>

<INPUT TYPE="TEXT" SIZE="30"><BR>

</div>

<div>

<label for="birthday"> *Birthday </label>

<select name="select">

<option value="1" selected> [select a Month]

<option value="1">January

<option value="2">February

<option value="3">March

<option value="4">April

<option value="5">May

<option value="6">June

<option value="7">July

<option value="8">August

<option value="9">September

<option value="10">October

<option value="11">Novenber

<option value="12">December

</select>

<INPUT TYPE= TEXT="dd" SIZE="5">

<INPUT TYPE= TEXT="yyyy" SIZE="10">

<label for="priviate" class="birthday"> Day and year must be number and in the form of examples

</label>

</div>

<div>

<input type="submit" name="submit" value="Save Changes" class="button" />

</div>

</fieldset>

</FORM>
</body>

</html>