<!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" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
<style type="text/css">
body{background-color: #f7f7f7;}
fieldset{border:1px dashed #ccc;padding: 10px;}
legend{
font-family: Arial,Helvetica,sans-serif;
color: #fff;
background: #666;
border:1px solid #333;
padding: 2px 6px;
}
label{
width: 142px;
height: 32px;
margin:3px 2px 0 0;
padding: 11px 0 0 6px;
float: left;
color: #666;
text-align: right;
}
.form{margin: 0;padding: 0;}
#leftSize{
width: 530px;
padding-top: 30px;
float: left;
}
.div_texbox{
width: 347px;
float: right;
background-color: #e6e6e6;
height: 35px;
margin-top: 3px;
padding-top: 5px;
padding-bottom: 3px;
padding-left: 5px;
}
/*定义表单输入框的键盘焦点顺序*/
.username:focus,.username:hover{background-color: #f0ffe6;}
/*定义按钮样式*/
.button_div{
width: 287px;
float: right;
text-align: right;
height: 35px;
margin-top: 3px;
padding: 5px 32px 3px;
}
.buttons{/*定义按钮样式*/
padding: 6px 14px;
border:2px solid;
border-color: #fff #d8d8d0 #d8d8d0 #fff;
background:#e3e3db;
color: #989070;
font-weight: bold;
}
/*定义表单输入框键盘的焦点顺序*/
input.nav1{nav-index:1;}
input.nav2{nav-index:2;}
input.nav3{nav-index:3;}
input.nav4{nav-index:4;}
input.nav5{nav-index:5;}
</style>
</head>
<body>
<div id="leftSize">
<fieldset>
<legend>个人信息登记表</legend>
<form action="" method="post">
<label for="name">姓名</label>
<div>
<input name="name" type="text" class="texbox nav1" value=""/>
</div>
<label for="address">地址</label>
<div>
<input name="address" type="text" class="texbox nav4" value=""/>
</div>
<label for="city">区/县</label>
<div>
<input name="city" type="text" class="texbox nav3" value=""/>
</div>
<label for="country">省/市</label>
<div>
<input name="country" type="text" class="texbox nav2" value=""/>
</div>
<div>
<input name="Submit" type="button" value="Submit" class="buttons nav5"/>
</div>
</form>
</fieldset>
</div>
</body>
</html>
沉溺的影
相关分类