html怎么做登录注册页面

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html怎么做登录注册页面相关的知识，希望对你有一定的参考价值。

参考技术A <form action = "a.html" method = "post">
用户名：<input type = "text" name = "username" id = "username">

<br>
密码：<input type = "password" name = "password" id = "password">
<br>
<input type = "submit" id = "submit" value = "登录">

</form>

php注册和登录界面的实现案例

下面小编就为大家带来一篇php注册和登录界面的实现案例(推荐)。挺不错的，现在就分享给大家，也给大家做个参考。

当初我觉得一个网站上注册和登录这两个功能很神奇，后来自己研究一下发现其实道理很简单，接下来看一下怎么实现的吧。。。。

我在我的电脑上建了几个文件：

login.html (登录页面)

register.html（注册页面）

success.html（登录成功跳转页面）

return.html（注册成功页面）

login.php

register.php

登录界面和注册界面以及success.html并没有

什么都是些html标记如下：

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>登录界面</title>
</head>
 
<body>
<form method="post" action="login.php">
账号：
<input type="text" name="usernamel"><br/><br/>
密码：
<input type="password" name="passwordl">
<input type="submit" value="登录" name="subl">
<a href="http://127.0.0.1:8080/register.html">没有账号，注册</a>
</form>
</body>
</html>

 

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>会员注册</title>
</head>
 
<body>
<form method="post" action="register.php">
账  户：
<input type="text" name="username"><br/><br/>
密  码：
<input type="password" name="password"><br/><br/>
密码确认：
<input type="password" name="password2">
<input type="submit" value="注册" name="sub">
</form>
</body>
</html>

return.html是注册成功之后呈现的页面，里面有一段js代码是用来定时返回登录界面的

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
 
<body>
注册成功！<br/>
5秒后返回登录界面<br/>
你也可以直接点击回到<a href="http://127.0.0.1:8080/login.html">登录页面</a>
<script type="text/javascript">
setTimeout("ren()",5000);
function ren()
{
  window.location="http://127.0.0.1:8080/login.html";
}
 
</script>
 
</body>
</html>

register.php这是与注册页面相对应后台页面

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<?php
$link=mysql_connect("localhost","root","207207");//链接数据库
header("Content-type:text/html;charset=utf-8");
if($link)
  { 
    //echo"链接数据库成功";
    $select=mysql_select_db("login",$link);//选择数据库
    if($select)
    {
      //echo"选择数据库成功！";
      if(isset($_POST["sub"]))
      {
        $name=$_POST["username"];
        $password1=$_POST["password"];//获取表单数据
        $password2=$_POST["password2"];
        if($name==""||$password1=="")//判断是否填写
        {
          echo"<script type="."\""."text/javascript"."\"".">"."window.alert"."("."\""."请填写完成！"."\"".")".";"."</script>";
          echo"<script type="."\""."text/javascript"."\"".">"."window.location="."\""."http://127.0.0.1:8080/register.html"."\""."</script>";   
          exit;
        }
        if($password1==$password2)//确认密码是否正确
        {
        $str="select count(*) from register where username="."‘"."$name"."‘";
        $result=mysql_query($str,$link);
        $pass=mysql_fetch_row($result);
        $pa=$pass[0];
        if($pa==1)//判断数据库表中是否已存在该用户名
        {
         
        echo"<script type="."\""."text/javascript"."\"".">"."window.alert"."("."\""."该用户名已被注册"."\"".")".";"."</script>";
        echo"<script type="."\""."text/javascript"."\"".">"."window.location="."\""."http://127.0.0.1:8080/register.html"."\""."</script>";  
        exit;
        }
         
         
        $sql="insert into register values("."\""."$name"."\"".","."\""."$password1"."\"".")";//将注册信息插入数据库表中
        //echo"$sql";
        mysql_query($sql,$link);
        mysql_query(‘SET NAMES UTF8‘);
        $close=mysql_close($link);
        if($close)
        {
          //echo"数据库关闭";
          //echo"注册成功！";
          echo"<script type="."\""."text/javascript"."\"".">"."window.location="."\""."http://127.0.0.1:8080/return.html"."\""."</script>";   
        }
        }
        else
        {
          echo"<script type="."\""."text/javascript"."\"".">"."window.alert"."("."\""."密码不一致！"."\"".")".";"."</script>";
          echo"<script type="."\""."text/javascript"."\"".">"."window.location="."\""."http://127.0.0.1:8080/register.html"."\""."</script>";   
        }
      }
    }
  }
?>

login.php登录界面对应后台文件

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<?php
　　header("Content-type:text/html;charset=utf-8");
$link=mysql_connect("localhost","root","207207");
if($link)
{
  $select=mysql_select_db("login",$link);
  if($select)
  {
    if(isset($_POST["subl"]))
    {
      $name=$_POST["usernamel"];
      $password=$_POST["passwordl"];
      if($name==""||$password=="")//判断是否为空
      {
        echo"<script type="."\""."text/javascript"."\"".">"."window.alert"."("."\""."请填写正确的信息！"."\"".")".";"."</script>";
        echo"<script type="."\""."text/javascript"."\"".">"."window.location="."\""."http://127.0.0.1:8080/login.html"."\""."</script>";
        exit;
      }
      $str="select password from register where username="."‘"."$name"."‘";
      mysql_query(‘SET NAMES UTF8‘);20       $result=mysql_query($str,$link);
      $pass=mysql_fetch_row($result);
      $pa=$pass[0];
      if($pa==$password)//判断密码与注册时密码是否一致
      {
        echo"登录成功！";
        echo"<script type="."\""."text/javascript"."\"".">"."window.location="."\""."http://127.0.0.1:8080/success.html"."\""."</script>";
      }
      { 
        echo"<script type="."\""."text/javascript"."\"".">"."window.alert"."("."\""."登录失败！"."\"".")".";"."</script>";
        echo"<script type="."\""."text/javascript"."\"".">"."window.location="."\""."http://127.0.0.1:8080/login.html"."\""."</script>";
      }
    }
     
  }
}
?>

 

以上就是为大家带来的php注册和登录界面的实现案例(推荐)全部内容了。

以上是关于html怎么做登录注册页面的主要内容，如果未能解决你的问题，请参考以下文章

web前端如何做注册页面

html 返回登录前页面

php注册和登录界面的实现案例

做网站时怎么创建用户登录和注册？？

php封装一个用户类,里面有登录注册方法,这个要怎么写

html登录页面怎么做