注册与登录界面的美化

最新推荐文章于 2023-08-26 14:02:03 发布

商商-77

最新推荐文章于 2023-08-26 14:02:03 发布

阅读量1.3k

点赞数

文章标签： php java ui

<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>Formdemo</title>
<styletype="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:1px10px;
font-size:12px;
border:1px#1E7ACEsolid;
background:#D0F0FF;
}
#formwrapper{
width:450px;
margin:15pxauto;
padding:20px;
text-align:left;
border:1px#1E7ACEsolid;
}
fieldset{
padding:10px;
margin-top:5px;
border:1pxsolid#1E7ACE;
background:#fff;
}
fieldsetlegend{
color:#1E7ACE;
font-weight:bold;
padding:3px20px3px20px;
border:1pxsolid#1E7ACE;
background:#fff;
}
fieldsetlabel{
float:left;
width:120px;
text-align:right;
padding:4px;
margin:1px;
}
fieldsetdiv{
clear:left;
margin-bottom:2px;
}
.enter{text-align:center;}
.clear{
clear:both;
}
-->
</style>
</head>
<body>
<divid="formwrapper">
<h3>已注册用户登录</h3>
<formaction=""method="post"name="apLogin"id="apLogin">
<fieldset>
<legend>用户登录</legend>
<div>
<labelfor="Name">用户名</label>
<inputtype="text"name="Name"id="Name"size="18"maxlength="30"/><br/>
</div>
<div>
<labelfor="password">密码</label>
<inputtype="password"name="password"id="password"size="18"maxlength="15"/><br/>
</div>
<divclass="cookiechk">
<label><inputtype="checkbox"name="CookieYN"id="CookieYN"value="1"/><ahref="#"title="选择是否记录您的信息">记住我</a></label>
<inputname="login791"type="submit"class="buttom"value="登录"/>
</div>
<divclass="forgotpass"><ahref="#">您忘记密码?</a></div>
</fieldset>
</form><br/>
<h3>未注册创建帐户</h3>
<formaction=""method="post"name="apForm"id="apForm">
<fieldset>
<legend>用户注册</legend>
<p><strong>您的电子邮箱不会被公布出去,但是必须填写.</strong>在您注册之前请先认真阅读服务条款.</p>
<div>
<labelfor="Name">用户名</label>
<inputtype="text"name="Name"id="Name"value=""size="20"maxlength="30"/>
*(最多30个字符)<br/>
</div>
<div>
<labelfor="Email">电子邮箱</label>
<inputtype="text"name="Email"id="Email"value=""size="20"maxlength="150"/>*<br/>
</div>
<div>
<labelfor="password">密码</label>
<inputtype="password"name="password"id="password"size="18"maxlength="15"/>
*(最多15个字符)<br/>
</div>
<div>
<labelfor="confirm_password">重复密码</label>
<inputtype="password"name="confirm_password"id="confirm_password"size="18"maxlength="15"/>
*<br/>
</div>
<div>
<labelfor="AgreeToTerms">同意服务条款</label>
<inputtype="checkbox"name="AgreeToTerms"id="AgreeToTerms"value="1"/>
<ahref="#"title="您是否同意服务条款">先看看条款？</a>*</div>
<divclass="enter">
<inputname="create791"type="submit"class="buttom"value="提交"/>
<inputname="Submit"type="reset"class="buttom"value="重置"/>
</div>
<p><strong>*在提交您的注册信息时,我们认为您已经同意了我们的服务条款.<br/>
*这些条款可能在未经您同意的时候进行修改.</strong></p>
</fieldset>
</form>
</div>
</body>
</html>