登录注册页面1开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第1天，点击查看活动详情 1.注册页面

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第1天，点击查看活动详情

1.注册页面：

<!DOCTYPE html>
<html lang="en"><head><meta http-equiv="Content-Type" content="charset=UTF-8">
    <title>注册</title>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
    <div id="loginDiv">
        <form action="" method="POST">
            <h1 style="text-align: center;color: aliceblue;">注册</h1>
            <p>username:<input type="text" name="username" id='mz'>
            <label name="username"></label>
            </p>
            <p>password:<input  type="password" name="password" id='ps'>
            <label name="password" ></label>
            </p>
            <p>Confirm password:<input  type="password" name="password" id='ps3'>
            <label name="password" ></label>
            </p>
             <div style="text-align: center;margin-top: 30px;">
                <input type="reset" class="button" id='btn' value="确认注册" style="text-align: center;">
                <a href="JQ1.html" target="_blank"><input type="button" value="前往登录" class="button"></a>
            </div>
        </form>
    </div>
</body>
<ml>

2.登录页面


<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="charset=UTF-8">
    <title>登录</title>
</head>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<body>
    <div id="loginDiv">
        <form action="" method="POST">
            <h1 style="text-align: center;color: aliceblue;">登录</h1>
            <p>username:<input type="text" id='mz'><!-- mz输入框 -->
            <label name="username"></label>
            </p>
            <p>password: <input type="password" id='ps' name="password"><!-- ps输入框 -->
            <label  name="password"></label>
           </p>
           <p>Confirm password:<input  type="password" name="password" id='ps3'>
            <label name="password" ></label>
            </p>
            <div style="text-align: center;margin-top: 30px;"><!-- 该div是下面两个按钮的布局块 -->
            <input type="submit" class="button" value=" 确认登录"id="btn"><!-- 该按钮的id是btn，所以点击该按钮触发的就是上面的js-->
            <a href="JQ2.html" target="_blank"><input type="button" value="前往注册" class="button" style="text-align: center;"></a>
            </div>
        </form>
    </div>
</body>
<ml>

登录对应的php:

<?php
 $con=mysqli_connect("127.0.0.1","","","jq");//第个root为数据库名，第二个为数据库的密码，最后为新建的数据库表
 $program_char="utf8";
 mysqli_set_charset($con,$program_char);
 if (!$con) {
     die("连接失败: " . mysqli_connect_error());
 }
     $re1=mysqli_query($con,$sql1);
     $row1=mysqli_num_rows($re1);
     $re2=mysqli_query($con,$sql2);
     $row2=mysqli_num_rows($re2);
     if($row1){
         echo "登录成功";
         exit;
     }
     else if($row2){
         echo "密码错误";
        exit;
     }
      else{
        echo "用户不存在";
     }
     mysqli_close($con)
?>