如何制作输入用户名及密码才可以登陆的网页

我是一个正在学习网页制作的菜鸟,现在公司要偶做一个供内部交流及信息通知的网页,就是说网页制作成功后在首页显示请输入用户名、密码及验证码,在正确后才能进入的那种登录。怎样制作呀?我用的是网页三剑客和office2007中的网页制作工具,请详细点,我不懂的,我用的系统是XP仿visat企业版的.谢谢!!!!
管用追加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">&nbsp;</td>

      </tr>

      <tr>

        <td width="154" height="117" rowspan="4">&nbsp;</td>

        <td height="13" colspan="3" align="center" valign="top">&nbsp;</td>

        <td width="160" rowspan="4">&nbsp;</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">密&nbsp;&nbsp;码:</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">&nbsp;</td>

      </tr>

    </table>

</form>

</td>

  </tr>

</table>

</body>

</html>

效果如下:

温馨提示:答案为网友推荐,仅供参考
第1个回答  推荐于2017-10-06
这个东东 光用静态页面不行的,要用到动态页面才行呀!~
我会点ASP,可以设置一个页面,那里面设置登陆框,要求输入密码和用户名,点击提交以后,把输入的用户名和你数据库里面预先设置好的用户名和密码对比一下,一样就转入你所谓的内部网页,不对就转到错误处理页面。
里面很多要进行安全设置的,呵呵 还是学点东西吧~!本回答被提问者采纳
第2个回答  推荐于2017-09-18
使用JavaScript实现。
<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>
第3个回答  2015-04-17
管理我次奥尼玛

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网