<head>
<title>登陆页面</title>
</head>
<form action="login_conf.jsp" method="post">
用户登陆
用户名：<input type="text" name="uname">
密码： <input type="password" name="upassword">
<input type="submit" value="提交">
<input type="reset" value="重置">
</form>
</body>
</html>
****************************************************
验证页面jsp代码如下：
<html>
<head>
<title>用户验证页面</title>
</head>
<h1>登陆范例-登陆成功</h1>
</html>
不知道你用啥样的前台 是jsp还是asp.net或者是php
<!doctype html><html>
<head>
<meta charset="utf-8">
<link href="main.css" type="text/css" rel="stylesheet">
<title>登陆界面</title>
</head>
<body>
<div class="login_ico">
<img src="images/login_ico.png">
</div>
<div class="login_putin">
<ul>
<li><input type="text" ></li>
<li><input type="password" ></li>
</ul>
</div>
<div class="login_btn">
<input type="submit" value="登陆">
</div>
</body>
</html>
样式 ：
*{
margin:0
padding:0}
li{
list-style-type:none
margin:0
padding:0}
a{
text-decoration:none
color:#000}
/*---------------------按钮-----------------------------*/
.login_putin ul li input{
margin: 0
width:70%
padding: 1em 2em 1em 5.4em
-webkit-border-radius:.3em
-moz-border-radius: .3em
border: 1px solid #999
}
.login_btn{
width:300px
margin:40px auto 0 auto
}
.login_btn input{
width:100%
margin:0
padding:.5em 0
-webkit-border-radius:.3em
-moz-border-radius: .3em
border:#1263be solid 1px
background:#1b85fd
color:#FFF
font-size:17px
font-weight:bolder
letter-spacing:1em
}
.login_btn input:hover{
background:#1263be
}
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）