[VSCode] HTML과 PHP파일 연결하기
2024. 4. 20. 18:34ㆍ정보보안 및 해킹/웹 서버
index.html과 php파일 연결
1. index.html에서 로그인 input을 받는다
2. login_proc.php 파일로 옮겨가서 해당 아이디와 비밀번호가 맞는지 확인
Wrong
틀렸을 경우 alert창을 통해 틀렸음을 알리고, 다시 index.html파일로 돌아가 login input을 받는다
Correct
로그인에 성공한 경우 login_proc.php에서 login.php파일로 넘어가기
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form action="login_proc.php" method="POST">
<h3>아이디와 패스워드 입력</h3>
<label for="id"> ID : </label><br>
<input type="text" name="id" placeholder="User ID"/><br>
<label for="pass"> PASSWORD : </label><br>
<input type="password" name="pass" placeholder="User Password"/><br>
<input type="submit" value="Login"/>
</form>
</body>
</html>login_proc.php
<?php
$id = $_POST['id'];
$pass = $_POST['pass'];
if($id == 'test' && $pass == '1234')
{
header("Location: login.php");
exit;
}
else
{
echo "<script>alert('아이디 혹은 비밀번호가 틀렸습니다.');
location.href='index.html'
</script>";
}
?>login.php
<?php
echo "로그인 성공";
?>'정보보안 및 해킹 > 웹 서버' 카테고리의 다른 글
| [SQL] SQL 기본 문법 (0) | 2024.04.25 |
|---|---|
| [Port] TCP/ UDP의 포트 (0) | 2024.04.24 |
| [Network] NAT (0) | 2024.04.22 |
| [VSCode] VSCode와 Server 연결하기 (0) | 2024.04.21 |
| [Linux] 웹 서버의 정의 그리고 네트워크 설정과 서버 오픈하기 (0) | 2024.04.19 |