登录模板参考
<!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" lang="en">
<head>
<title>登陆注册</title>
<style type="text/css">
body {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;color:#666666;background:#fff;
text-align:center;
}
* {margin:0;padding:0;}
a {color:#1E7ACE;text-decoration:none; }
a:hover {color:#000;text-decoration:underline;}
h3 {font-size:14px;font-weight:bold;}
pre,p {color:#1E7ACE;margin:4px;}
input, select,textarea {padding:1px;
margin:2px;font-size:11px;}
.buttom{padding:1px 10px;font-size:12px;
border:1px #1E7ACE solid;background:#D0F0FF;}
#formwrapper {width:450px;margin:15px auto;
padding:20px;text-align:left;border:1px solid #A4CDF2;}
fieldset{
padding:10px;margin-top:5px;
border:1px solid #A4CDF2;background:#fff;
}
fieldset legend {color:#1E7ACE;font-weight:bold;
padding:3px 20px 3px 20px;border:1px solid #A4CDF2;
background:#fff;}
fieldset label {float:left;width:120px;
text-align:right;padding:4px;margin:1px;}
fieldset div {clear:left;margin-bottom:2px;}
.input { width:120px;}
.enter{ text-align:center;}
.clear {clear:both;}
</style>
</head>
<body>
<div>
<h3>已注册用户登陆</h3>
<form action="#" method="post" name="aplogin" id="aplogin">
<fieldset>
<legend>用户登陆</legend>
<div>
<label for="username">用户名</label>
<input type="text" name="username" id="username" size="18" maxlength="30" /
<br />
</div>
<div>
<label for="password">密码</label>
<input type="password" name="password" id="password" size="18" maxlength="15" />
<br />
</div>
<div>
<label>
<input type="checkbox" name="CookieYN" id="CookieYN" value="1" />
<a href="#" title="选择是否记录你的信息">记住我</a>
</label>
<input name="login" type="submit" value="登陆"/>
</div>
<div><a href="#">您忘记密码了吗?</a></div>
<br />
<h3>未注册创建帐户</h3>
<form action="#" method="post" name="apForm" id="apForm">
<fieldset>
<legend>用户注册</legend>
<p><strong>你的电子邮箱不会被公布出去,但是必须填写</strong>
在你注册之前请先认真阅读服务条款
</p>
<p><strong>在提交你的注册信息时,我们认为你已经同意了我们的服务条款<br />
*这些条款可能在未经你同意的时候进行修改
</strong></p>
<div>
<label for="Name">用户名</label>
<input type="text" name="Name" id="Name" value="" size="20" maxlength="30"/>
*(最多30个字符)<br />
</div>
<div>
<label for="Email">电子邮箱</label>
<input type="text" name="Email" id="Email" value="" size="20" maxlength="150" />
*<br />
</div>
<div>
<label for="password">密码</label>
<input type="password" name="password" id="password" size="18" maxlength="15" />
*(最多15个字符)<br />
</div>
<div>
<label for="confirm">重复密码</label>
<input type="password" name="confirm" id="confirm" size="18" maxlength="15" />
*<br />
</div>
<div>
<label for="Agree">同意服务条款</label>
<input type="checkbox" name="Agree" id="Agree" id="Agree" value="1" />
<a href="#" title="你是否同意服务条款">先看看条款?</a>
</div>
<div>
<input type="submit" name="creat" value="提交" />
<input name="Submit" type="reset" value="重置" />
</div>
</fieldset>
</form>
</fieldset>
</form>
</div>
</body>
</html>
posted on 2012-09-04 00:04 Alan's Blog 阅读(917) 评论(0) 编辑 收藏 举报
