<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#all {text-align: center;width: 540px;font-size:14px;}
body {text-align:center;}
#main {background:url(images/login_mid.gif); height:240px; text-align:center;}
#title {height:66px;margin-top: 120px;}
#login { margin-top: 32px; width: 420px; margin-left: auto; margin-right:auto;}
#btm_left {background:url(images/login_btm_left.gif) no-repeat; width:21px; float:left;}
#btm_mid {background:url(images/login_btm_mid.gif); width:498px; float:left;}
#btm_right {background:url(images/login_btm_right.gif) no-repeat; width:21px; float:left;}
.textinput{border:1px #ccc solid;height:24px;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:800; padding-left:26px;line-height:24px;}
.user{background:url(images/username_bg.gif) left no-repeat #FFF;}
.pass{background:url(images/password_bg.gif) left no-repeat #FFF;}
.code{background:url(images/password_bg.gif) left no-repeat #FFF;float:left;margin-right:5px;}
</style>
<script type="text/javascript" language="javascript">
function reset_form()
{
document.getElementById('username').value = '';
document.getElementById('password').value = '';
return false;
}
function submit_form()
{
document.getElementById('login_form').submit();
}
</script>
</head>
<body>
<div id="all">
<div id="title"><img src="images/login_title.gif" /></div>
<div id="main">
<form action="" method="post" id="login_form">
<table id="login" cellpadding="5">
<tr>
<td width="75" align="right">用户名</td>
<td align="left"><input name="username" type="text" class="textinput user" id="username" size="25" maxlength="16" /></td>
</tr>
<tr>
<td align="right">密 码 </td>
<td align="left"><input name="password" type="password" class="textinput pass" id="password" size="25" maxlength="16" /></td>
</tr>
<tr>
<td align="right">验证码</td>
<td align="left"><input name="checkCode" type="text" class="textinput code" id="password" size="10" maxlength="4" />
<img style="float:left" src="" width="80" height="26" alt="" /></td></tr>
<tr>
<td></td>
<td align="left" style="padding-top: 20px;padding-left:40px;">
<input type="image" src="images/login.gif" name="submit" onclick="submit_form" />
<input type="image" src="images/cancel.gif" name="cancel" onclick="return reset_form()" /></td>
</tr>
</table>
</form>
</div>
<div id="btm">
<div id="btm_left"></div>
<div id="btm_mid"></div>
<div id="btm_right"></div>
</div>
</div>
</body>
</html>
详细解决方案
小弟我的文件2
热度：71 发布时间：2012-10-28 09:54:44.0
相关解决方案