폼(Form)을 통한 변수의 전달
폼(Form)을 통한 변수의 전달에 관해서 알아보겠습니다.
여러분들이 웹서핑을 하다보면 사용자로부터 숫자나 문자열을 입력받을 수 있도록 하는 입력박스를 자주 보게 될 것입니다.
바로, 사용자가 그렇게 입력박스에 입력한 내용은 변수형태로 저장되어 해당되는 페이지로 전달되는데, PHP에서는 그러한 과정이 어떻게 이루어지는지 알아봅시다.
먼저, 다음과 같이 텍스트 입력박스가 들어간 코드를 봅시다.
- input.html -
<form method = "post" action = "process.php">
좋아하는 동물은? <input type = "text" name = "animal">
<input type = "submit" value = "확인">
</form>
위의 코드를 웹브라우저로 확인하면 입력 박스 한개와 확인 버튼이 나오게 됩니다. 그리고, 그 입력 박스에 사용자가 "호랑이" 라고 입력하고 확인 버튼을 누르게 되면 입력된 문자열은 위 코드에 기술되어 있듯이 text 양식의 name 에 해당되는 "animal" 에 담겨져 action 에 명시된 "process.php" 로 넘겨지게 됩니다.
그리고, process.php 페이지가 호출되면 input.html 에 기술된 텍스트 박스의 name 에 해당되는 animal 이라는 이름을 갖는 변수 즉, $animal 이 생성됩니다. 물론, $animal 변수에는 사용자가 input.html 페이지에서 입력한 "호랑이" 라는 문자열이 담겨져 있구요.
그래서, 실제로 process.php 에 다음과 같은 코드를 작성해서 확인하도록 하겠습니다.
- process.php -
<?
echo("당신이 좋아하는 동물 : $animal");
?>
위의 코드를 확인하면 다음과 같이 나오게 될 것입니다.
당신이 좋아하는 동물 : 호랑이
게시글 목록
| 번호 | 제목 |
|---|---|
| 19528 |
JavaScript
그누보드4 에 Daum 우편번호 찾기 API 연동 하기.
|
| 6810 | |
| 6807 | |
| 6801 | |
| 6798 | |
| 6791 | |
| 24615 | |
| 24612 | |
| 6788 | |
| 30933 | |
| 6784 | |
| 6783 | |
| 27834 | |
| 19527 | |
| 19526 | |
| 19524 |
MySQL
MYSQL 기본 명령어들 모음
1
|
| 19521 | |
| 6777 | |
| 6770 | |
| 19519 |
웹서버
FTP 프로세스 죽이기
1
|
| 27823 | |
| 6766 | |
| 24604 | |
| 6760 | |
| 6757 | |
| 30925 | |
| 19518 | |
| 30924 |
CSS
CSS slider 테스트1
|
| 30923 |
CSS
수평메뉴1
|
| 6746 |
개발자
스페이스 vs 탭
10
|
| 19516 |
node.js
Node.js 서버의 기본적인 내용 정리
1
|
| 30922 |
기타
dpi 환산표(?)
|
| 19515 | |
| 30921 | |
| 6732 |
개발자
미수금은 적립금인가요..
13
|
| 27803 | |
| 19508 |
PHP
숫자를 한글로 변환
2
|
| 19507 | |
| 24599 | |
| 19504 |
PHP
썸네일 클래스입니다
2
|
| 19501 | |
| 19498 |
MySQL
자주쓰는 MYSQL
2
|
| 19497 | |
| 19496 |
PHP
두지점의 위도,경도간 거리계산
|
| 19495 | |
| 19493 |
MySQL
무한 로딩 중인 쿼리 죽이기
1
|
| 19492 |
기타
파폭 ssh, ftp
|
| 19491 |
MySQL
mysql 기본 사용법
|
| 19490 | |
| 19489 | |
| 6721 |
개발자
암울한 웹의 미래
10
|
| 6720 |
개발자
혁신적이거나 싸지거나
|
| 19488 |
jQuery
제이쿼리를 이용하여 노드 선택
|
| 19487 |
jQuery
append를 이용하여 엘리먼트 추가하기
|
| 19486 | |
| 19485 |
JavaScript
000000.1원팁 ^^ 자스로 아이프레임 target 제어
|
| 30919 | |
| 19484 | |
| 30913 | |
| 30910 | |
| 19483 |
JavaScript
레이어를 이용한 셀렉트 박스
|
| 19482 |
JavaScript
유투브 동영상 노출 시 자동 실행 또는 자동 종료 소스입니다.
|
| 19478 |
jQuery
페이스북 글 가져오기 쉬운방법.
3
|
| 30908 | |
| 19477 | |
| 31683 | |
| 19475 | |
| 19473 | |
| 19471 | |
| 19470 | |
| 19469 | |
| 19468 |
JavaScript
아이폰5s 소개페이지같은 사이트 만들기(?)
|
| 19467 |
PHP
달력 출력하기
|
| 19466 | |
| 19464 |
JavaScript
[1원짜리팁]새창 띄우기 소스
1
|
| 19462 | |
| 19461 | |
| 19460 |
JavaScript
아이프로그램 닫기
|
| 19459 |
JavaScript
자바스크립트 공백 제거
|
| 31680 | |
| 19458 | |
| 19457 | |
| 31676 | |
| 31674 | |
| 31671 | |
| 31670 | |
| 31669 | |
| 31664 | |
| 31663 | |
| 31662 | |
| 31658 | |
| 31657 | |
| 19456 |
PHP
GPS정보 모바일에서 사용하기
|
| 19455 | |
| 31655 | |
| 31653 | |
| 31649 | |
| 31646 | |
| 27800 | |
| 19454 |
JavaScript
메뉴 네비 레이어 서서히 없어지는거
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기