폼(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");
?>
위의 코드를 확인하면 다음과 같이 나오게 될 것입니다.
당신이 좋아하는 동물 : 호랑이
게시글 목록
| 번호 | 제목 |
|---|---|
| 27925 | |
| 27922 | |
| 6972 | |
| 19602 |
JavaScript
jQuery 의 delegate 흉내내기
1
|
| 19601 |
JavaScript
script 디버깅 - JSHint
|
| 19599 |
jQuery
jQuery 롤링배너 플러그인
1
|
| 6961 | |
| 30941 | |
| 19597 | |
| 19596 | |
| 19595 | |
| 19594 |
JavaScript
스크립트 for문
|
| 30939 |
HTML
디바이스별 해상도 확인
1
|
| 19593 | |
| 6959 | |
| 6957 | |
| 6953 | |
| 27920 | |
| 19592 |
PHP
php oop 단일 모드
|
| 19591 | |
| 19590 |
PHP
IP class 비교 함수
|
| 6949 | |
| 6947 | |
| 20826 |
이미지관련
문자열이미지에 각종 필터를 적용한 결과
7
|
| 20823 |
이미지관련
이미지에 각종 필터를 적용한 결과
2
|
| 19589 |
jQuery
심플한 파일첨부 버튼과 jquery
|
| 27913 | |
| 27912 | |
| 19588 |
JavaScript
자바스크립트 시작날짜 종료날짜 유효성 검사 함수
|
| 20822 |
이미지관련
프레임이미지와 얼굴이미지 합치기
|
| 19587 | |
| 19586 |
PHP
한국 IP대역 체크
|
| 27887 | |
| 20819 | |
| 27883 | |
| 19585 | |
| 19584 | |
| 19583 |
JavaScript
중첩없이 랜덤수 뽑아내기
|
| 19582 | |
| 19581 | |
| 19580 | |
| 6945 | |
| 24622 | |
| 19578 |
JavaScript
자바스크립트에서 for문 사용시 속도차이
1
|
| 6938 | |
| 6935 | |
| 27880 | |
| 20818 | |
| 19575 | |
| 20815 |
이미지관련
이미지 너비에 맞게 문자열의 자동 개행
2
|
| 20812 | |
| 20809 |
이미지관련
문자열 그릴때 패딩 주기
2
|
| 6932 | |
| 6931 | |
| 6929 | |
| 19571 |
Mobile
html5 지원되는 os별 버전보기
3
|
| 19570 | |
| 20802 |
이미지관련
위치에 따른 이미지에 문자열 그리기
6
|
| 27877 | |
| 20797 | |
| 6923 | |
| 20795 |
이미지관련
문자열의 너비와 높이 구하기
1
|
| 6918 | |
| 6914 | |
| 20789 |
이미지관련
이미지에 글자 쓰기
5
|
| 6899 | |
| 27860 | |
| 6898 | |
| 27856 | |
| 6895 | |
| 6891 | |
| 6890 | |
| 6881 | |
| 6874 | |
| 27852 | |
| 6860 | |
| 6857 | |
| 19569 | |
| 19565 | |
| 19564 | |
| 27844 | |
| 19563 | |
| 24617 | |
| 19554 | |
| 6854 | |
| 19553 | |
| 19531 | |
| 6850 | |
| 6848 | |
| 27842 | |
| 6846 | |
| 6842 | |
| 6839 | |
| 6834 | |
| 6829 | |
| 6824 | |
| 6820 | |
| 27839 | |
| 6818 | |
| 19529 |
JavaScript
그누보드5 에 Daum 우편번호 찾기 API 연동 하기
1
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기