태그 자료실 1990

회원로그인

무료회원가입 보안로그인

아이디/비밀번호찾기

form을 이용해 봅시다~

15년 전

어떤 웹프로그램이든지 방문자에게서 정보를 입력받기 위해선 from이라는걸 이용하게 되죠...

예를들면 회원가입부터 시작해서 로그인이라든가 게시판 폼메일 등등 거의 모든 프로그램에 쓰이게 됩니다.

복잡한것 같지만 form이란게 한가지만 알면 엄청 간단합니다...
보시죠~

form태그는 기본적으로 몇가지 옵션이 들어가는데...
가장 간단하게 이렇게 씁니다...

<form method=post action=test.php>

method라는건 입력된 값을 전달하는 방식인데...
get하고 post가 있습니다...
두가지 모두 똑같이 값이 전달되는 것이긴 한데...
get으로 했을땐 주소창에 입력된 값이 그대로 보여지고..
post일 경우에는 값이 보여지지 않습니다.
그렇게 때문에 post가 더 보안쪽으로는 안전하다고 볼수 있겠죠?
비밀번호와 같은게 주소창에 나타나면 안되니까 말이죠...
그리고 post가 더 많은 값들을 넘겨줄수 있다고 합니다....권장사항이죠;

action이라는건 어느 문서로 입력된 값을 넘겨주느냐 입니다.
예제에서는 test.php로 넘겨준다는거죠...

자 그럼 루트에 두가지 문서를 만들어보죠...
form.php와 action.php를 만드세요...
form.php에서는 정보를 입력하도록 하고...
action.php에서는 입력된 정보를 받아서 처리하는 부분입니다.

form.php의 소스를 볼까요?

<form method=post action=action.php>
<input type=text name=memo>
</form>

이렇게 작성하고 실행을 해보면..
텍스트입력창이 나타날것입니다...
그런데 submit버튼이 없죠....그래서 입력한다음 값을 넘겨줄수가 없습니다.
이렇게 한줄 더 써주죠;;

<form method=post action=action.php>
<input type=text name=memo>
<input type=submit value=입력확인>
</form>

설명을 하자면....
method는 post방식이고.....
action은 action.php로 값을 넘겨 준다는것이죠
<input>태그에서 type이 text니까 텍스트필드를 하나 만들고 이름을 memo로 정해 줬습니다.
그다음 <input>에서는 submit버튼을 입력확인이란 글자가 새겨지도록 만들어 놨습니다.

이대로 실행을 하면....
텍스트필드가 하나 있고 그 옆에 입력확인 이라는 버튼이 있겠죠...?
입력확인을 눌러보면 페이지를 찾을수 없다는 메세지가 나옵니다...
왜냐.....action.php로 값을 넘겨주기 때문에 action.php로 이동해야 하는데 아직 안만들었다죠...;;

이제 action.php를 만들어 봅시다....

<?
echo $memo;
?>

끝입니다....^^;
$memo라는 변수를 찍는거죠...
그런데 $memo에는 값을 넣어놓지 않았습니다.....-_-;;

눈치 채셨겠죠?
아까 form.php에서 텍스트필드의 이름을 memo로 해주었습니다.
그래서 그곳에 뭔가를 입력을 하고 입력확인을 누르면....
action.php에서 $memo라는 변수로 넘어갑니다.

이해하셨죠?
form에서 name으로 정해준것이 변수이름이 되고...
입력된값...즉 value가 변수의값이 됩니다...

그럼 간단한 계산기를 한번 만들어 볼까요?
form.php를 뜯어고쳐 봅시다..

<form method=post action=action.php>
<input type=text name=a> + <input type=text name=b>
<input type=submit value=계산하기>
</form>

a와 b라는 텍스트필드를 만들었죠...?
이번엔 action.php에서....

<?
$c=$a+$b;
echo "$a + $b = $c";
?>

자...form.php를 실행해서 계산을 해보시길;;;

form은 이렇게 간단한 원리만 알면 좀더 다양한 것들을 할수가 있죠..
바탕화면색 바꾸기를 한번 해볼까요?
test.php를 꺼내시고...

<?
echo"
<body bgcolor=$color>
<form method=post action=$PHP_SELF>
<input type=text name=color>
<input type=submit value='바탕색 바꾸기'>
</form>
";
?>

실행을 해보면 텍스트필드가 하나 나오고 바탕색 바꾸기라는 버튼이 있습니다.
여기에 한번 red를 입력하시고 버튼을 눌러보세요...
바탕이 빨간색으로 바뀌었죠?

소스중에 action에서 $PHP_SELF라는 것은 자기자신을 뜻하는 변수입니다. (꼭 대문자로 써야합니다)
그러니까 현재의 문서로 form을 전달해 주는거죠...
그럼 입력된 값이 $color라는 변수의 값으로 전달되고....
<body bgcolor=$color> 에서는 $color에 그 값이 들어가겠죠?
결국 red를 입력했으니까...<body bgcolor=red>가 됩니다...

추천 목록

번호	제목
2,891	입력 필드에서 특정단어(예:#err)가 포함되었을 때 실시간 감지 및 경고창 띄우기
2,890	데이터베이스 최적화와 쿼리 효율성을 높이 검색 성능을 개선하는 방법
2,889	간단한 게시판 만들기
2,888	PHP의 php.ini 파일에서 설정할 수 있는 주요 항목들을 카테고리별로 정리
2,887	유튜브 동영상의 썸네일 이미지를 체크하여 유효한 영상이아닐때 연결된 체크박스를 자동으로 체크
2,886	이미지 URL이 유효하지 않을 때, 해당 이미지와 연결된 체크박스를 자동으로 체크
2,885	HTTPS로 접속한 사용자를 강제로 HTTP로 리디렉션 하려면
2,884	PHP에서 MP3 파일을 직접 읽고 스트리밍 하기
2,883	현재 페이지가 location.reload()에 의해 새로고침되었는지
2,882	텍스트 파일을 읽고, 각 줄의 끝에서 6글자를 삭제한 후, 결과를 새로운 파일에 저장합니다.
2,881	cURL을 사용하여 리다이렉트를 따라가 최종 URL 가져오기
2,880	[PHP] $_SERVER 환경변수
2,879	10진수 <-> 16진수 변환기 PHP소스
2,878	텍스트에 직접 그라데이션 색상을 적용하려면?
2,877	CSS를 사용하여 요소의 내용물에 따라 width를 조정하는 방법
2,876	웹서버 ip 확인
2,875	웹호스팅의 절대경로를 확인
2,874	input 입력 필드 앞뒤 공백 실시간 제거
2,873	Placeholder 포커스시 감추기
2,872	MySQL 중복된 데이터를 삭제
2,871	MySQL 중복 데이터 확인
2,870	sessionStorage.getItem 와 sessionStorage.setItem
2,869	제이쿼리 랜덤으로 배경색 변경
2,868	preg match에 관한 정규식
2,867	Stream an audio file with MediaPlayer 오디오 파일 스트리밍 하기
2,866	Audio Streaming PHP Code
2,865	PHP $ SERVER 환경 변수 정리
2,864	Vimeo (비메오) API 를 사용하여 플레이어 컨트롤하기
2,863	iframe 사용시 하단에 발생하는 공백 제거방법
2,862	아이프레임(iframe) 전체화면 가능하게 하기