毕设简单的登录界面
2011-04-14 11:08
302 查看
Code:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>login in</title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url(static/login_scr/images/login_03.gif);
overflow:hidden;
}
.STYLE3 p {font-size: 14px; color:#ffffff;font-weight:bold }
.STYLE4 a {color:#FFF;}
.STYLE4 a:hover {color:#F00; text-decoration:none;}
-->
</style>
<script language="javascript">
//<![CDATA[
function checkForm() {
var _userName = document.signInForm.userName;
if(_userName.value == ""){
alert("必须输入用户名");
_userName.focus();
return;
}
var _userPsw = document.signInForm.password;
if(_userPsw.value == ""){
alert("必须输入密码");
_userPsw.focus();
return;
}
var _checkCode = document.signInForm.checkCode;
if(_checkCode.value == ""){
alert("必须输入验证码");
_checkCode.focus();
return;
}
var from = document.forms[0];
from.submit();
}
function reset() {
document.signInForm.userName.value = "";
document.signInForm.password.value = "";
document.signInForm.checkCode.value= "";
return true;
}
//]]>
</script>
</head>
<body class="STYLE3">
<table align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="40"></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td width="625" height="304" background="static/login_scr/images/login_01.jpg"></td>
<td></td>
</tr>
<tr valign="top">
<td></td>
<td width="" height="173" background="static/login_scr/images/login_02.jpg" >
<table>
<form action="index.jsp" method="post" name="signInForm" >
<tr align="right">
<td width="115"><p>用户名:</p></td>
<td><input name="userName" type="text" ></td>
<td class="STYLE4"><a href="register/index.jsp">注册</a></td>
</tr>
<tr align="right">
<td><p>密 码:</p></td>
<td><input name="password" type="password" ></td>
<td></td>
</tr>
<tr align="right">
<td><p>验证码:</p></td>
<td><input name="checkCode" type="text"></td>
<td><img id="img_validation_code" title="看不清可单击图片刷新" src="/zzb/ValidationCode" onclick="this.src='/zzb/ValidationCode?'+Math.random();" alt="刷新" /></td>
</tr>
<tr>
<td colspan="3" align="center">
<input name="login" type="button" onclick="return checkForm()" value="登陆">
<input name="reset" type="button" onclick="return reset()" value="重置">
</td>
</tr>
</form>
</table>
</td>
<td></td>
</tr>
</table>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>login in</title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url(static/login_scr/images/login_03.gif);
overflow:hidden;
}
.STYLE3 p {font-size: 14px; color:#ffffff;font-weight:bold }
.STYLE4 a {color:#FFF;}
.STYLE4 a:hover {color:#F00; text-decoration:none;}
-->
</style>
<script language="javascript">
//<![CDATA[
function checkForm() {
var _userName = document.signInForm.userName;
if(_userName.value == ""){
alert("必须输入用户名");
_userName.focus();
return;
}
var _userPsw = document.signInForm.password;
if(_userPsw.value == ""){
alert("必须输入密码");
_userPsw.focus();
return;
}
var _checkCode = document.signInForm.checkCode;
if(_checkCode.value == ""){
alert("必须输入验证码");
_checkCode.focus();
return;
}
var from = document.forms[0];
from.submit();
}
function reset() {
document.signInForm.userName.value = "";
document.signInForm.password.value = "";
document.signInForm.checkCode.value= "";
return true;
}
//]]>
</script>
</head>
<body class="STYLE3">
<table align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="40"></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td width="625" height="304" background="static/login_scr/images/login_01.jpg"></td>
<td></td>
</tr>
<tr valign="top">
<td></td>
<td width="" height="173" background="static/login_scr/images/login_02.jpg" >
<table>
<form action="index.jsp" method="post" name="signInForm" >
<tr align="right">
<td width="115"><p>用户名:</p></td>
<td><input name="userName" type="text" ></td>
<td class="STYLE4"><a href="register/index.jsp">注册</a></td>
</tr>
<tr align="right">
<td><p>密 码:</p></td>
<td><input name="password" type="password" ></td>
<td></td>
</tr>
<tr align="right">
<td><p>验证码:</p></td>
<td><input name="checkCode" type="text"></td>
<td><img id="img_validation_code" title="看不清可单击图片刷新" src="/zzb/ValidationCode" onclick="this.src='/zzb/ValidationCode?'+Math.random();" alt="刷新" /></td>
</tr>
<tr>
<td colspan="3" align="center">
<input name="login" type="button" onclick="return checkForm()" value="登陆">
<input name="reset" type="button" onclick="return reset()" value="重置">
</td>
</tr>
</form>
</table>
</td>
<td></td>
</tr>
</table>
</body>
</html>
相关文章推荐
- 登录界面 Android简单http get请求(含服务器端)一
- Android学习笔记(第一行代码) 做一个简单的登录界面
- Kotlin实现一个简单的登录界面
- FLEX PHP 交互 简单登录界面(1)源代码
- Python Tkinter 简单登录界面
- C# 实现多态的的简单易学的例子-实现不同的用户登录到不同的界面(用抽象类,抽象方法实现的多态)加上泛型来实现
- jsp和servlet 简单登录界面(不连接数据库)
- 登录界面简单实现(一)
- Swift语言--简单仿制QQ登录界面
- JAVA学习之路-简单的登录界面
- MFC 简单的用户登录界面(在主程序窗口之前)
- java实现一个简单的登录界面
- Selenium+Python 自动化操控登录界面(有简单验证码图片校验)
- java入门基础及简单登录界面的实现
- java实现简单QQ登录界面
- javaweb-基于数据库的简单登录注册界面
- 登录界面 Android简单http get请求(含服务器端)二
- 登录界面 Android简单http get请求(含服务器端)五 iOS端(特别篇)
- Linux登录界面以及简单使用入门
- JSP一个简单的登录界面