<!--<input type="button" value="往左" class="y">-->
<h1>登 陆</h1>
<form method="post" action="ok.html">
<p class="form_zh"><input type="text" placeholder="请输入账号" class="form_zh_y" autofocus = "autofocus" required = "required"></p>
<p class="form_mm"><input type="password" placeholder="请输入密码" class="form_zh_e" required = "required"></p>
<input type="submit" value="登 录" class="form_dl">
</form>
<p class="qtfsdl"><span><img src="images/weixin.jpg" />微信登陆</span><span><img src="images/QQ.jpg" />QQ登陆</span></p>
<p class="qtfsdr"><img src="images/frm_xia.jpg"/></p>
<p class="y">注 册</p>
<!--<div class="y1" style="position: absolutetop:250pxleft: -159pxwidth: 260pxheight: 47pxbackground: redopacity: 0.5"></div>-->
</div>
#zuo{
width: 500px
height: 540px
background: white
position: absolute
top: calc(50% - 250px)
left:calc(50% - 250px)
color: #292929
}
#zuo h1,#you h1{margin-top:30pxfont-weight: boldtext-align: centermargin-bottom: 30px}
1、为了学习为目的，那么去了解css+div的技术。自己找教程或者买书看。2、希望快速的得到网页。网上搜把。有专门那种模版之类的
3、又不想学习，也不想网上找找的，上淘宝之类的，付钱让别人做吧。
百度搜索：网站登录模版。然后各种收费的，免费的，这就得你自己找了
<style type="text/css">body{ background:#fffpadding:0margin:0font-size:12px}
img{ border:0padding:0margin:0}
ul{list-style:none}
.login_bg{ background:url(<%=path%>financemanage/images/login_new/login_bg.gif) repeat-xheight:591px}
.dl_bg{ background:url(<%=path%>financemanage/images/login_new/dlbg.jpg) no-repeat center top}
.diwen{ background:url(<%=path%>financemanage/images/login_new/diwen.gif) repeat-x}
.usename{ font-size:14pxcolor:#0e3c00}
.dl_text{ width:145pxheight:17pxbackground:url(<%=path%>financemanage/images/login_new/text.gif) repeat-x centerborder:1px solid #1c5302}
.dl_but{ width:75pxheight:50pxbackground:url(<%=path%>financemanage/images/login_new/dlbut.gif) no-repeatborder:0 nonecursor:pointer}
</style>
<script language="javascript" type="text/javascript">
var count = 0
function submit_onclick(obj){
if (count == 0) {
//alert("MAC:" + document.forms[0].MACAddr.value)
obj.submit()
count ++
}
}
function submit2() {
if (count != 0) {
return false
}
if (event.keyCode==13) {
document.forms[0].submit()
}
}
</script>
<!-- script FOR="foo" EVENT="OnObjectReady(objObject,objAsyncContext)" LANGUAGE="JScript">
if(objObject.IPEnabled != null &&objObject.IPEnabled != "undefined" &&objObject.IPEnabled == true)
{
if(objObject.MACAddress != null &&objObject.MACAddress != "undefined")
MACAddr = objObject.MACAddress
if(objObject.IPEnabled &&objObject.IPAddress(0) != null &&objObject.IPAddress(0) != "undefined")
IPAddr = objObject.IPAddress(0)
}
</script>
<object classid="CLSID:76A64158-CB41-11D1-8B02-00600806D9B6" id="locator" VIEWASTEXT></object>
<object classid="CLSID:75718C9A-F029-11d1-A1AC-00C04FB6C223" id="foo"></object>
<script LANGUAGE="JScript">
var service = locator.ConnectServer()
var MACAddr
var IPAddr
service.Security_.ImpersonationLevel=3
service.InstancesOfAsync(foo, 'Win32_NetworkAdapterConfiguration')
</script>
-->
</head>
<body onKeyPress="submit2()">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="login_bg">
<tr>
<td height="135" align="center" valign="top"><img src="<%=request.getContextPath()%>/financemanage/images/login_new/logo.jpg" width="939" height="135" /></td>
</tr>
<tr>
<td height="391" align="center" valign="top" class="dl_bg">
<html:form action="/financemanage/login.do" method="post">
<table width="320" height="70" border="0" cellspacing="0" cellpadding="0" style="margin-top:120pxmargin-left:40px">
<tr>
<td width="100" align="center" class="usename">操作员号：</td>
<td width="184" align="left"><input name="tlrno" type="text" class="dl_text" maxlength="8" tabindex="1"/></td>
<td width="75" rowspan="2"><input name="Submit" type="button" onclick="submit_onclick(this.form)" value="" class="dl_but" tabindex="3"/></td>
</tr>
<tr>
<td align="center" class="usename">密 码：</td>
<td align="left"><input name="pwd" type="password" class="dl_text" maxlength="10" tabindex="2"/>
<%-- input type="hidden" name="MACAddr"/>--%>
</td>
</tr>
<tr>
<td></td>
<td colspan="2"><font size="2"><html:errors/></font></td>
</tr>
</table>
</html:form>
</td>
</tr>
<tr>
<td height="65" class="diwen"> </td>
</tr>
</table>
你可以自己换一下背景颜色或者背景图片 其他的都挺好 这是一个给银行操作员登录的界面 你看看吧
