Set text field background
|
|
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
* {
margin: 0;
padding: 0
}
html,body {
height: 100%
}
#wrapper {
height: 100%;
width: 100%;
display: table;
vertical-align: middle;
}
#outer {
display: table-cell;
vertical-align: middle;
}
#formwrap {
position: relative;
left: 50%;
float: left;
}
#form1 {
border: 1px solid #000;
padding: 20px 20px;
position: relative;
text-align: right;
left: -50%;
}
p {
margin: 1em 0
}
input {
position: relative;
background: #ffffcc
}
</style>
</head>
<body>
<div id="wrapper">
<div id="outer">
<div id="formwrap">
<form id="form1" method="post" action="">
<p>
<label for="t1">Name: </label>
<input type="text" name="t1" id="t1" value="I'm in the middle" />
</p>
<p>
<label for="t2">Password: </label>
<input type="password" name="t2" id="t2" />
</p>
</form>
</div>
</div>
</div>
</body>
</html>
|
|
|
|
|
HTML code for linking to this page:
Related in same category :
-
-
-
-
-
|
