Form 처리
HTML form 요소가 전송한 데이터를 처리하기 위해서는 PHP와 같은 서버 사이드 스크립트 언어를 사용해야 한다.
<html>
<body>
<form action="request.php" method="post">
이름: <input type="text" name="name"><br>
이메일: <input type="text" name="email"><br>
<input type="submit">
</form>
</body>
</html>- 위의 예시 코드처럼 form 요소의 action 속성값에는 form 요소를 처리할 서버의 PHP 스크립트 파일 주소를 명시한다. 그리고 전송(submit) 버튼을 누르면 PHP 스크립트로 form 요소를 통해 입력된 이름과 이메일 주소의 데이터가 전송된다.
form 요소에서 전송한 데이터를 처리하는 PHP 스크립트의 예제이다.
$name = $_POST["name"];
$email = $_POST["email"];
echo $name."님의 이메일 주소는 ".$email."입니다.";- form 요소에 포함된 input 요소의 name 속성값은 PHP 스크립트에서도 똑같이 사용된다.
HTTP 요청 방식
클라이언트인 브라우저가 서버에 HTTP 요청을 보낼 때는 두 가지 방식 중 하나를 사용한다.
두 방식 모두 form 요소를 통해 입력받은 데이터를 연관 배열에 담아 전송한다. 이 연관 배열의 키값은 input 요소의 name 속성값이 되며, 값은 사용자가 입력한 데이터가 된다. 또한, 미리 선언된 전역 변수인 슈퍼 글로벌 배열($_GET, $_POST)을 사용하므로, 어디에서든 제약 없이 접근 가능하다.
1. GET 방식
GET 방식은 주소에 데이터를 추가하여 전달하는 방식이다. GET 방식의 HTTP 요청은 브라우저에 의해 캐시되어 저장된다. 또한, GET 방식은 보통 쿼리 문자열에 포함되어 전송되므로, 길이의 제한이 있다.
2. POST 방식
POST 방식은 데이터를 별도로 첨부하여 전달하는 방식이다. POST 방식의 HTTP 요청은 브라우저에 의해 캐시되지 않으므로, 브라우저 히스토리에도 남지 않는다. 또한, POST 방식의 HTTP 요청에 의한 데이터는 쿼리 문자열과는 별도로 전송된다.
Form 검증
HTML form 요소는 텍스트 입력, 체크박스, 라디오 버튼 등 다양한 input 요소를 포함할 수 있는데 input 요소별로 사용자가 입력한 데이터가 적합한 데이터인지를 검사하는 검증 규칙을 설정할 수 있다.
예시 코드
<form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">
이름 : <input type="text" name="name">
성별 :
<input type="radio" name="gender" value="female">여자
<input type="radio" name="gender" value="male">남자
이메일 : <input type="text" name="email">
홈페이지 : <input type="text" name="website">
관심 있는 분야 :
<input type="checkbox" name="favtopic[]" value="movie"> 영화
<input type="checkbox" name="favtopic[]" value="music"> 음악
<input type="checkbox" name="favtopic[]" value="game"> 게임
<input type="checkbox" name="favtopic[]" value="coding"> 코딩
기타 : <textarea name="comment"></textarea>
<input type="submit" value="전송">
</form>- method 속성값으로 'post'를 사용하여 POST 방식으로 HTTP 요청을 보내게 된다.
- form 요소의 action 속성값으로는 다음과 같은 PHP 코드를 사용하고 있다.
<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>- $_SERVER는 PHP에서 제공하는 슈퍼 글로벌 인덱스로 "PHP_SELF"를 사용하면, 현재 실행 중인 PHP 스크립트의 파일 이름을 반환한다.
- htmlspecialcahrs() 함수는 인수로 전달받은 문자열에 포함된 특수 문자들을 HTML 엔티티로 변환해 준다.
- 따라서 위의 PHP 코드를 action 속성값으로 사용하면, 해당 form 요소로 입력받은 데이터를 다른 페이지로 전송하지 않고 현재 페이지로 보내게 된다.
form 요소를 통해 입력한 데이터를 해당 페이지 자체에서 처리하는 예시 코드
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$name = $_POST["name"];
$gender = $_POST["gender"];
$email = $_POST["email"];
$website = $_POST["website"];
$favtopic = $_POST["favtopic"];
$comment = $_POST["comment"];
}- $_SERVER["REQUEST_METHOD"]는 페이지에 접근하기 위해 사용된 HTTP 요청 방식을 반환한다. 따라서 위 코드에서는 POST 방식의 HTTP 요청에서만 동작한다.
위 코드에서 PHP 스크립트로 처리된 결과를 보여주는 코드
echo "<h2>입력된 회원 정보</h2>";
echo "이름 : ".$name."<br>";
echo "성별 : ".$gender."<br>";
echo "이메일 : ".$email."<br>";
echo "홈페이지 : ".$website."<br>";
echo "관심 있는 분야 : ";
if (!empty($favtopic)) {
foreach ($favtopic as $value) {
echo $value." ";
}
}
echo "<br>기타 : ".$comment; ?>- 관심있는 분야는 HTML 체크 박스를 통해 여러 입력을 동시에 전달받는다.
- 따라서 변수 $favtopic은 배열을 사용하여 입력된 값들을 보여주게 된다.
- 하지만 만약 사용자가 체크 박스를 하나도 선택하지 않은 상태에서 입력을 전송하게 되면, 배열을 사용한 코드에서는 오류가 발생한다.
- 따라서 위와 같이 먼저 empty() 함수를 사용하여 입력된 값이 하나라도 있는지를 검사한 후에 코드를 실행해야 한다.
