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

我是一个正在学习网页制作的菜鸟,现在公司要偶做一个供内部交流及信息通知的网页,就是说网页制作成功后在首页显示请输入用户名、密码及验证码,在正确后才能进入的那种登录。怎样制... 我是一个正在学习网页制作的菜鸟,现在公司要偶做一个供内部交流及信息通知的网页,就是说网页制作成功后在首页显示请输入用户名、密码及验证码,在正确后才能进入的那种登录。怎样制作呀?我用的是网页三剑客和office2007中的网页制作工具,请详细点,我不懂的,我用的系统是XP仿visat企业版的.谢谢!!!!
管用追加50分!!!,觉得不够还可以多加!!!急死偶了!!!!
展开
 我来答
昆明康辉小苏
2015-09-11 · TA获得超过1267个赞
知道小有建树答主
回答量:330
采纳率:100%
帮助的人:153万
展开全部

我就是动态网页方面的专家(精通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>

效果如下:

zhuhong02785a22fd
推荐于2017-10-06 · TA获得超过573个赞
知道小有建树答主
回答量:785
采纳率:0%
帮助的人:109万
展开全部
这个东东 光用静态页面不行的,要用到动态页面才行呀!~
我会点ASP,可以设置一个页面,那里面设置登陆框,要求输入密码和用户名,点击提交以后,把输入的用户名和你数据库里面预先设置好的用户名和密码对比一下,一样就转入你所谓的内部网页,不对就转到错误处理页面。
里面很多要进行安全设置的,呵呵 还是学点东西吧~!
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友23bba7f0
推荐于2017-09-18 · TA获得超过4173个赞
知道小有建树答主
回答量:660
采纳率:85%
帮助的人:184万
展开全部
使用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>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
剑奴真刚
2015-04-17 · TA获得超过794个赞
知道小有建树答主
回答量:411
采纳率:0%
帮助的人:246万
展开全部
管理我次奥尼玛
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式