待验证码的登录页面
2009-07-27 16:20
323 查看
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>带验证码的登录页面</title>
<script language="javascript">
function veri(){
var sourcenum="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var siglenum="";
var checknum="";
var index=0;
for(i=0;i<8;i++){
index=(Math.random()*100)%35;
siglenum=sourcenum.substring(index,index+1);
checknum+=siglenum;
i++;
}
document.form1.txt_ver.value=checknum;
}
</script>
</head>
<body onLoad="veri();">
<table width="422" border="0" align="center" cellpadding="0" cellspacing="0" background="images/lg_02.jpg" style="font-size:12px; color:#FFFFFF; font-weight:bold">
<tr>
<td height="91" colspan="2" background="images/lg_01.jpg"> </td>
</tr>
<tr>
<td width="120" height="200" align="center" valign="middle"><img src="images/lg_06.gif" width="28" height="27"></td>
<td height="200"><table width="98%" border="0" align="center" cellpadding="5" cellspacing="0">
<form name="form1">
<tr>
<td width="23%" height="22" align="right" class="font_white">管理员:</td>
<td width="77%" height="22"><input name="txt_name" type="text" class="textbox" id="txt_name" size="18" maxlength="50"></td>
</tr>
<tr>
<td height="22" align="right" class="font_white">密
码:</td>
<td height="22"><input name="txt_passwd" type="password" class="textbox" id="txt_passwd" size="19" maxlength="50"></td>
</tr>
<tr>
<td height="22" align="right" class="font_white">验证码:</td>
<td height="22"><input name="verifycode" id="verifycode" class="textbox" onFocus="this.select(); " onMouseOver="this.style.background='#E1F4EE';" onMouseOut="this.style.background='#FFFFFF'" size="6" maxlength="4">
<input name="txt_ver" type="text" id="txt_ver" size="4" readonly="ture"> </td>
</tr>
<tr>
<td height="22" colspan="2" align="center"><input name="login" type="submit" id="login" value="登 录" class="button">
<input type="reset" name="Submit2" value="重 置" class="button"></td>
</tr>
</form>
</table></td>
</tr>
<tr>
<td height="4" colspan="2" background="images/lg_03.jpg"></td>
</tr>
</table>
</body>
</html>
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>带验证码的登录页面</title>
<script language="javascript">
function veri(){
var sourcenum="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var siglenum="";
var checknum="";
var index=0;
for(i=0;i<8;i++){
index=(Math.random()*100)%35;
siglenum=sourcenum.substring(index,index+1);
checknum+=siglenum;
i++;
}
document.form1.txt_ver.value=checknum;
}
</script>
</head>
<body onLoad="veri();">
<table width="422" border="0" align="center" cellpadding="0" cellspacing="0" background="images/lg_02.jpg" style="font-size:12px; color:#FFFFFF; font-weight:bold">
<tr>
<td height="91" colspan="2" background="images/lg_01.jpg"> </td>
</tr>
<tr>
<td width="120" height="200" align="center" valign="middle"><img src="images/lg_06.gif" width="28" height="27"></td>
<td height="200"><table width="98%" border="0" align="center" cellpadding="5" cellspacing="0">
<form name="form1">
<tr>
<td width="23%" height="22" align="right" class="font_white">管理员:</td>
<td width="77%" height="22"><input name="txt_name" type="text" class="textbox" id="txt_name" size="18" maxlength="50"></td>
</tr>
<tr>
<td height="22" align="right" class="font_white">密
码:</td>
<td height="22"><input name="txt_passwd" type="password" class="textbox" id="txt_passwd" size="19" maxlength="50"></td>
</tr>
<tr>
<td height="22" align="right" class="font_white">验证码:</td>
<td height="22"><input name="verifycode" id="verifycode" class="textbox" onFocus="this.select(); " onMouseOver="this.style.background='#E1F4EE';" onMouseOut="this.style.background='#FFFFFF'" size="6" maxlength="4">
<input name="txt_ver" type="text" id="txt_ver" size="4" readonly="ture"> </td>
</tr>
<tr>
<td height="22" colspan="2" align="center"><input name="login" type="submit" id="login" value="登 录" class="button">
<input type="reset" name="Submit2" value="重 置" class="button"></td>
</tr>
</form>
</table></td>
</tr>
<tr>
<td height="4" colspan="2" background="images/lg_03.jpg"></td>
</tr>
</table>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 注册登录页面的获取验证码倒计时
- WEB登录页面加入简单验证码
- 【学习笔记⑦】登录页面怎样实现验证码登录功能
- Java登录页面实时验证用户名密码和动态验证码
- 登录页面上的验证码的生成
- 自动化测试--登录页面验证码问题
- 登录页面验证码的简单实现，以及getOutputStream() has already been called for this response异常的解决方法
- java实现自动登录无验证码登录后台并保持会话状态持续监控固定页面信息。
- java spring 实现登录页面添加验证码
- java实现登录页面的验证码功能
- Thinkphp3.2.3登录页面验证码非正常显示
- H5+css3+js搭建带验证码的登录页面
- 网站登录页面，验证码的一个生成方法
- 验证码在登录页面的使用
- H5+css3+js搭建带验证码的登录页面
- .net登录页面实现验证码验证
- [原创]用Ajax制作带图形验证码的登录页面
- 单点登录CAS使用记（四）：为登录页面加上验证码
- shiro登录验证（登录跳转到指定页面，验证码验证，不注销之前已登录用户下，再次登录）
- 第八集：asp.net登录页面之验证码