By GokiSoft.com| 20:02 12/01/2024|
Học PHP

Sử dụng cookie trong PHP - quản lý đăng ký & đăng nhập tài khoản trong PHP - Lập Trình PHP BT1669

Viết chương trình thực hiện các chức năng sau

- Thiết kế trang đăng ký tài khoản gồm các trường : họ tên, email, password, địa chỉ

-> khi người dùng click đăng ký => thêm thông tin vừa đăng ký vào cookie

- Thiết kế trang đăng nhập => gồm 2 trương email và mật khẩu => khi người dùng vào thông tin đúng vs thông tin trang đăng ký => chuyển sang trang welcome

Login sai thì hiển thị thông báo lỗi trên trang đăng nhập.

Liên kết rút gọn:

https://gokisoft.com/1669

Bình luận

avatar
vuong huu phu [T2008A]
2021-06-09 12:01:14



<?php 
if (!empty($_POST)) {
	$email = $_COOKIE['email'];
	$pass = $_COOKIE['pswd'];
	$p_email = $_POST['email'];
	$p_pass = $_POST['pswd'];
	if ($p_email == $email && $p_pass == $pass) {
		header('location:welcome.php');
		die();
	}elseif ($p_email != $email && $p_pass != $pass) {
		echo '<center><h2>Nhap lai</h2></center>';
	}
}



<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>xin chao</title>
</head>
<body>

<center><h2>Xin chao</h2></center>
</body>
</html>



<?php 

	if (!empty($_POST)) {
		$name = $_POST['name'];
		$email = $_POST['email'];
		$pass = $_POST['pswd'];
		$address = $_POST['address'];
		setcookie("name",$name,time() + 24*60*60,"/");
		setcookie("email",$email,time() + 24*60*60,"/");
		setcookie("pswd",$pass,time() + 24*60*60,"/");
		setcookie("address",$address,time() + 24*60*60,"/");
		header('location:login.php');
		die();
}



<?php 
require_once("log.php");
 ?>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Dang ky</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">
  <h2>Dang Nhap</h2>
  <form action="" method="POST">
    <div>
        <label for="email">Email:</label>
      <input type="email" class="form-control" id="email" placeholder="Nhap email" name="email">
    </div>
    <div class="form-group">
      <label for="pwd">Password:</label>
      <input type="password" class="form-control" id="pwd" placeholder="Nhap password" name="pswd">
    </div>
    <button type="submit" class="btn btn-primary">Dang nhap</button>
  </form>
</div>

</body>
</html>



<?php 
require_once("dktk.php");

 ?>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Dang ky</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">
  <h2>Dang ki tai khoan</h2>
  <form action="" method="POST">
    <div class="form-group">
      <label for="name">Ho va ten:</label>
      <input type="text" class="form-control" id="name" placeholder="Nhap ten" name="name">
    </div>
    <div>
        <label for="email">Email:</label>
      <input type="email" class="form-control" id="email" placeholder="Nhap email" name="email">
    </div>
    <div class="form-group">
      <label for="pwd">Password:</label>
      <input type="password" class="form-control" id="pwd" placeholder="Nhap password" name="pswd">
    </div>
    <div class="form-group">
      <label for="address">Address:</label>
      <input type="text" class="form-control" id="address" placeholder="Enter address" name="address">
    </div>
    <button type="submit" class="btn btn-primary">Dang ky</button>
    
  </form>
</div>

</body>
</html>


avatar
Do Trung Duc [T2008A]
2021-06-09 10:39:33



<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
CHUC MUNG DANG NHAP THANH CONG
</body>
</html>


avatar
Do Trung Duc [T2008A]
2021-06-09 10:39:24



<?php
function fixSqlInjection($str) {
	// abc\okok -> abc\\okok
	//abc\okok (user) -> abc\okok (server) -> sql (abc\okok) -> xuat hien ky tu \ -> ky tu dac biet -> error query
	//abc\okok (user) -> abc\okok (server) -> convert -> abc\\okok -> sql (abc\\okok) -> chinh xac
	$str = str_replace('\\', '\\\\', $str);
	//abc'okok -> abc\'okok
	//abc'okok (user) -> abc'okok (server) -> sql (abc'okok) -> xuat hien ky tu \ -> ky tu dac biet -> error query
	//abc'okok (user) -> abc'okok (server) -> convert -> abc\'okok -> sql (abc\'okok) -> chinh xac
	$str = str_replace('\'', '\\\'', $str);

	return $str;
}

function getPOST($key) {
	$value = '';
	if (isset($_POST[$key])) {
		$value = $_POST[$key];
	}
	return fixSqlInjection($value);
}

function getCOOKIE($key) {
	$value = '';
	if (isset($_COOKIE[$key])) {
		$value = $_COOKIE[$key];
	}
	return fixSqlInjection($value);
}

function getGET($key) {
	$value = '';
	if (isset($_GET[$key])) {
		$value = $_GET[$key];
	}
	return fixSqlInjection($value);
}

function md5Security($pwd) {
	return md5(md5($pwd).MD5_PRIVATE_KEY);
}


avatar
Do Trung Duc [T2008A]
2021-06-09 10:39:15



<?php
require_once('utility.php');


if (!empty($_POST)) {
	$email = getPOST('email');
$password = md5Security(getPOST('password'));

$checkemail = getCOOKIE('email');
$checkpassword = getCOOKIE('password');

echo $email;
echo $password;
echo $checkemail;
echo $checkpassword;

if ($email ==  $checkemail && $checkpassword == $password) {
	header('Location: wellcome.php');
}else{
	echo "<h3>Sai thong tin tai khoan</h3>";
}
}



avatar
Do Trung Duc [T2008A]
2021-06-09 10:39:03



<?php
require_once('utility.php');



$fullname = getPOST('fullname');
$email = getPOST('email');
$password = getPOST('password');
$password = md5Security($password);
$address = getPOST('address');


setcookie('fullname', $fullname, time()+60*24*30*360);
setcookie('email', $email, time()+60*24*30*360);
setcookie('password', $password, time()+60*24*30*360);
setcookie('address', $address, time()+60*24*30*360);



avatar
Do Trung Duc [T2008A]
2021-06-09 10:38:52



<?php
require_once('backend/be.login.php');
?>

<!DOCTYPE html>
<head>
	<title>Login</title>
	<!-- Latest compiled and minified CSS & JS -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
	<script src="//code.jquery.com/jquery.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
</head>
<body>
<div style="margin-top: 15px;" class="container">
	<form action="" method="POST" role="form" id = 'form'>
	<legend>LOGIN PAGE</legend>

	<div class="form-group">
		<label for="">Email</label>
		<input name = "email" type="text" class="form-control" id="email" required>
	</div>

	<div class="form-group">
		<label for="">Password</label>
		<input name = "password" type="text" class="form-control" id="password" required>
	</div>

	<button type="submit" class="btn btn-primary">Login</button>
</form>
</div>


</body>
</html>


avatar
Do Trung Duc [T2008A]
2021-06-09 10:38:35



<?php
require_once('backend/be.register.php');

?>


<!DOCTYPE html>
<html>
<head>
	<title>Register Account</title>
	<!-- Latest compiled and minified CSS & JS -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
	<script src="//code.jquery.com/jquery.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
</head>
<body>
<div style="margin-top: 15px;" class="container">
	<form action="" method="POST" role="form" id = 'form'>
	<legend>Fill Register Information</legend>

	<div class="form-group">
		<label for="">Fullname</label>
		<input name = "fullname" type="text" class="form-control" id="fullname" required>
	</div>


	<div class="form-group">
		<label for="">Email</label>
		<input name = "email" type="text" class="form-control" id="email" required>
	</div>

	<div class="form-group">
		<label for="">Password</label>
		<input name = "password" type="text" class="form-control" id="password" required>
	</div>

	<div class="form-group">
		<label for="">Confirm Password</label>
		<input name = "confirmpassword" type="text" class="form-control" id="confirmpassword" required>
	</div>

	<div class="form-group">
		<label for="">Address</label>
		<input name = "address" type="text" class="form-control" id="address">
	</div>
	<button type="submit" class="btn btn-primary">Register</button>
</form>
</div>


<script type="text/javascript">

	$(document).ready(function(){
		$('#form').submit(function(){
		alert('ok');
			let password = $('#password').val();
			let confirmpassword = $('#confirmpassword').val();
				if(confirmpassword === password){
					return true;
				}else{
					alert("Mat khau khong khop");
					return false;
				}
		}) 
});


</script>

</body>
</html>


avatar
Nguyễn Tiến Đạt [T2008A]
2021-06-09 09:26:59


#login.php


<?php
    if (!empty($_POST)) {
        $email = $_POST['email'];
        $password = $_POST['password'];
        if(!empty($email)){
            $emailCookie = '';
            if(isset($_COOKIE['email'])){
                $emailCookie = $_COOKIE['email'];
            }
            $passwordCookie = '';
            if(isset($_COOKIE['password'])){
                $passwordCookie = $_COOKIE['password'];
            }
            if($email == $emailCookie && $password == $passwordCookie){
                header('Location: welcome.php');
                die();
            }
        }
    }
?>

<!doctype html>
<html lang="en">
  <head>
    <title>Register</title>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <style>
        .card-header{
            background: rgb(116, 154, 224) !important;
            color: white;
            text-align: center;
            font-size: 25px;
        }
        label{
            font-weight: bold !important;
        }
    </style>
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  </head>
  <body>
    <div class="container">
        <?php
            if(!empty($email)){
                echo '<div style="color:red; font-size: 30px">Nhập sai, vui lòng thử lại!!</div>';
            }
        ?>
        <div class="card">
            <div class="card-header">
                <span>Login</span>
            </div>
            <div class="card-body">
                <form method="post">
                    <div class="form-group">
                      <label for="email">Email</label>
                      <input type="email" class="form-control" name="email" id="email">
                    </div>
                    <div class="form-group">
                      <label for="password">Password</label>
                      <input type="password" class="form-control" name="password" id="password">
                    </div>
                    
                    <button class="btn btn-success">Login</button>
                </form>
            </div>
        </div>
        <a href="register.php">Register</a>
    </div>
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
  </body>
</html>


#register.php


<?php
    if (!empty($_POST)) {
        $email = $_POST['email'];
        $password = $_POST['password'];
        if(!empty($email)){
            setcookie('email',$email,time()+60,'/');
            setcookie('password',$password,time()+60,'/');
            header('Location: login.php');
            die();
        }
    }
?>

<!doctype html>
<html lang="en">
  <head>
    <title>Register</title>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <style>
        .card-header{
            background: rgb(116, 154, 224) !important;
            color: white;
            text-align: center;
            font-size: 25px;
        }
        label{
            font-weight: bold !important;
        }
    </style>
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  </head>
  <body>
    <div class="container">
        <div class="card">
            <div class="card-header">
                <span>Register</span>
            </div>
            <div class="card-body">
                <form method="post">
                    <div class="form-group">
                      <label for="fullname">Fullname</label>
                      <input type="text" class="form-control" name="fullname" id="fullname">
                    </div>
                    <div class="form-group">
                      <label for="email">Email</label>
                      <input type="email" class="form-control" name="email" id="email">
                    </div>
                    <div class="form-group">
                      <label for="password">Password</label>
                      <input type="password" class="form-control" name="password" id="password">
                    </div>
                    <div class="form-group">
                      <label for="address">Address</label>
                      <input type="text" class="form-control" name="address" id="address">
                    </div>
                    <button class="btn btn-success">Register</button>
                </form>
            </div>
        </div>
        <a href="login.php">Login</a>
    </div>
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
  </body>
</html>


#welcome.php


<!doctype html>
<html lang="en">
  <head>
    <title>Welcome</title>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  </head>
  <body>
    <h1>Welcome</h1> 
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
  </body>
</html>


avatar
NguyenHuuThanh [T1907A]
2020-07-01 05:35:45



<?php
if (isset($_COOKIE['status']) && $_COOKIE['status'] == 'success') {
	header('Location: welcome.php');
	die();
}

if (!empty($_POST)) {
	$uname = $pwd = '';
	if (isset($_POST['username'])) {
		$uname = $_POST['username'];
	}

	if (isset($_POST['password'])) {
		$pwd = $_POST['password'];
	}

	if ($uname == 'admin' && $pwd == '123') {
		setcookie('status', 'success', time()+30, '/');

		header('Location: welcome.php');
		die();
	}
}
?>

<!DOCTYPE html>
<html>
<head>
	<title>Registation Form * Form Tutorial</title>
	<!-- Latest compiled and minified CSS -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">

	<!-- jQuery library -->
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

	<!-- Popper JS -->
	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>

	<!-- Latest compiled JavaScript -->
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
</head>
<body>
	<div class="container">
		<div class="panel panel-primary">
			<div class="panel-heading">
				<h2 class="text-center">Login</h2>
			</div>
			<div class="panel-body">
				<form method="post">
					<div class="form-group">
					  <label for="usr">User Name:</label>
					  <input required="true" type="text" class="form-control" id="usr" name="username">
					</div>
					<div class="form-group">
					  <label for="pwd">Password:</label>
					  <input required="true" type="password" class="form-control" id="pwd" name="password">
					</div>
					<button class="btn btn-success">Login</button>
				</form>
			</div>
		</div>
	</div>
</body>
</html>
<?php
setcookie('status', 'success', time()-30, '/');

header('Location: login.php');
die();
<!DOCTYPE html>
<html>
<head>
	<title>Welcome</title>
</head>
<body>
	<h1>Welcome to login</h1>
	<a href="logout.php">Thoat</a>
</body>
</html>


avatar
lê văn phương [T1907A]
2020-06-19 08:55:54



//index.php





<!DOCTYPE >
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://code.jquery.com/jquery-latest.js"></script>
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">

    <!-- jQuery library -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

    <!-- Popper JS -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>

    <!-- Latest compiled JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
    <title>Đăng kí</title>
</head>

<body>
    <div class="container">
        <form method="post" action="login.php">
            <div class="form-group">
                <label for="name">
                    <h6>Họ tên: </h6>
                </label>
                <input type="text" name="name" class="form-control" placeholder="Nhập tên" id="name">
            </div>
            <div class="form-group">
                <label for="address">
                    <h6>Địa chỉ: </h6>
                </label>
                <input type="text" name="address" class="form-control" placeholder="Nhập địa chỉ" id="address">
            </div>
            <div class="form-group">
                <label for="user">
                    <h6>Tên người dùng: </h6>
                </label>
                <input type="text" name="user" class="form-control" placeholder="Nhập tên người dùng" id="user">
            </div>
            <div class="form-group">
                <label for="pass">
                    <h6>Mật khẩu: </h6>
                </label>
                <input type="password" name="pass" class="form-control" placeholder="Nhập mật khẩu" id="pass">
            </div>
            
            <button type="submit" class="btn btn-primary">Đăng kí</button>
        </form>
    </div>

</body>

</html>



login.php



<?php
if (isset($_COOKIE['style']) && $_COOKIE['style'] == 'success') {
    header('Location: welcome.php');
    die();
}

$check_user = $check_pass = $option_check = $option_pass = $option_user = '';
if (!empty($_POST)) {
    if (isset($_POST['name'])) {
        setcookie('fullname', $_POST['name'], time() + 180, '/');
    }
    if (isset($_POST['address'])) {
        setcookie('address', $_POST['address'], time() + 180, '/');
    }
    if (isset($_POST['user'])) {
        setcookie('user', $_POST['user'], time() + 180, '/');
    }
    if (isset($_POST['pass'])) {
        setcookie('pass', $_POST['pass'], time() + 180, '/');
    }
}
if (!empty($_GET)) {
    if (isset($_GET['check-user']) && isset($_GET['check-pass'])) {
        if (($_COOKIE['user'] == $_GET['check-user']) && ($_COOKIE['pass'] == $_GET['check-pass'])) {
            setcookie('style', 'success', time() + 180, '/');
            header('Location: welcome.php');
            die();
        } else {
            $option_check = '<p style="color:red;">User or password entered incorre</p>';
        }
    } else {
        if ($_GET['check-user'] == '') {
            $option_user = '<p style="color:red;">Enter user to login</p>';
        }
        if ($_GET['check-pass'] == '') {
            $option_pass = '<p style="color:red;">Enter pass to login</p>';
        }
    }
}

?>

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://code.jquery.com/jquery-latest.js"></script>
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">

    <!-- jQuery library -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

    <!-- Popper JS -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>

    <!-- Latest compiled JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
    <title>Đăng nhập</title>
</head>

<body>
    <?= $option_check ?>
    <div class="container">
        <form method="get">
            <div class="form-group">
                <label for="user">
                    <h6>Tên người dùng:</h6> <?= $option_user ?>
                </label>
                <input type="text" required="true" name="check-user" class="form-control" placeholder="Nhập tên người dùng" id="check-user">
            </div>
            <div class="form-group">
                <label for="pass">
                    <h6>Mật khẩu: </h6><?= $option_pass ?>
                </label>
                <input type="password" required="true" name="check-pass" class="form-control" placeholder="Nhập mật khẩu" id="check-pass">
            </div>
            <button type="submit" class="btn btn-primary">Login</button>
        </form>
    </div>

</body>

</html>



welcom.php



<?php
$user = '';
if (isset($_COOKIE['user'])) {
    $user = $_COOKIE['user'];
}
?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Wecom <?= $user ?></title>
</head>

<body>
    <h2>Welcome to <?= $user ?></h2>
    <a name="" id="" class="btn btn-primary" href="logout.php" role="button">Log out</a>
</body>

</html>



logout.php



<?php
        setcookie('style', 'success', time() - 2, '/');

        header('Location: login.php');
        die();
  ?>