如何制作输入用户名及密码才可以登陆的网页
管用追加50分!!!,觉得不够还可以多加!!!急死偶了!!!! 展开
我就是动态网页方面的专家(精通asp、asp.net和php网站语言),我把我用php做好的后台登陆代码亮出来给你看看
第一步:要先把登陆框的静态页面做好。
第二步:用php+sql来做动态的登陆(文件名:login.php)代码如下:
<?php session_start();?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>验证码技术登录</title>
</head>
<style>
td{
font-size:9pt;
}
</style>
<script language="javascript">
function check(myform){
if(myform.txt_user.value==""){
alert("请输入用户名!");myform.txt_user.focus();return false;
}
if(myform.txt_pwd.value==""){
alert("请输入密码!");myform.txt_pwd.focus();return false;
}
if(myform.txt_yan.value==""){
alert("请输入验证码!");myform.txt_yan.focus();return false;
}
if(myform.txt_yan.value!=myform.txt_hyan.value){
alert("对不起,您输入的验证码不正确!");myform.txt_yan.focus();return false;
}
}
</script>
<body>
<table width="693" height="346" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td background="images/image_02.png">
<form name="myform" method="post" action="checkuser.php">
<table width="693" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="42" colspan="5"> </td>
</tr>
<tr>
<td width="154" height="117" rowspan="4"> </td>
<td height="13" colspan="3" align="center" valign="top"> </td>
<td width="160" rowspan="4"> </td>
</tr>
<tr>
<td width="99" height="30" align="right" valign="middle">用户名:</td>
<td colspan="2" align="left" valign="middle"><input type="text" name="txt_user"></td>
</tr>
<tr>
<td height="30" align="right" valign="middle">密 码:</td>
<td height="30" colspan="2" align="left" valign="middle"><input type="password" name="txt_pwd" onCopy="return false" onCut="return false" onPaste="return false" maxlength="60"></td>
</tr>
<tr>
<td height="30" align="right" valign="middle">验证码:</td>
<td width="218" height="32" align="left" valign="middle"><input type="text" name="txt_yan">
<?php
$num=intval(mt_rand(1000,9999));
for($i=0;$i<4;$i++){
echo "<img src=images/checkcode/".substr(strval($num),$i,1).".gif>"; //输出随机的数字图形
}
?>
<input type="hidden" name="txt_hyan" id="txt_hyan" value="<?php echo $num;?>" >
</td>
<td width="62" align="left" valign="middle"><input type="submit" name="Submit" value="登录" onClick="return check(myform);"></td>
</tr>
<tr>
<td height="62" colspan="5"> </td>
</tr>
</table>
</form>
</td>
</tr>
</table>
</body>
</html>
效果如下:
我会点ASP,可以设置一个页面,那里面设置登陆框,要求输入密码和用户名,点击提交以后,把输入的用户名和你数据库里面预先设置好的用户名和密码对比一下,一样就转入你所谓的内部网页,不对就转到错误处理页面。
里面很多要进行安全设置的,呵呵 还是学点东西吧~!
<SCRIPT LANGUAGE="JavaScript">
function Login(form) {
var username = lue;
var password = lue;
var server = lue;
if (username && password && server) {
var htsite = "http://" + username + ":" + password + "@" + server;
window.location = htsite;
}
else {
alert("请输入用户和密码.");
}
}
</script>
把以上内容加到head部分;
然后下面的内容放在body里就好了:
<form name=login>
<input type="hidden" name="server" value=" ">
用户名:
<input type=text name=username size=20>
密 码:
<input type=password name=password size=20>
<input type=button value="登录" onClick="Login( rm)" name="button">
</form>