홈으로 홈으로 | 무료회원가입 | 아이디/비번찾기 | 즐겨찾기
메인홈1대1상담음악방송청취

음악가사 검색
이아인사랑
트로트발전연구소
음악방송 안드로이드앱 제작
온라이브스토어(앱다운로드)
온라이브(방송등록및청취)
Search Video Best 50
금영노래방
TJ노래방
유튜브 동영상 다운로드
POP Player
신나는 고스톱
컴퓨터 오목
작은 음악다방
운.영.자.1대1.상담
FAQ\지원.프로그램
Q&A\고.객.지.원

자동러시 웹플레이어신청

보안∵서버∵쿠키
윈도우∵프레임
이미지∵배경
시간∵달력∵계산
상태바∵타이틀바
음악∵영상
폼∵전송∵테이블
키보드∵마우스
효과∵링크∵메뉴
Script∵php
기타
PHP 강좌
윈도우관련팁
웹관련팁
홈페이지제작팁
기본강좌
레지스트리
윈도우서버
리눅스서버
Android
form을 이용해 봅시다~
6년 전
어떤 웹프로그램이든지 방문자에게서 정보를 입력받기 위해선 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>가 됩니다...
추천추천 : 231 추천 목록
번호 제목
3,012
 텍스트 줄바꿈, 글자자르기 CSS
3,011
 jQuery Mobile에서 유용한 코드 10가지.
3,010
 [PHP] dirname()함수와 $_SERVER 관련 상수들
3,009
 [PHP] 파일 크기, 사이즈 불러오는 함수, filesize()
3,008
 [jQuery] jQuery Quick API
3,007
 [ transition ] 링크 hover 색상 변화 속도 조절
3,006
 PHP 5.3.0 에서 사라진 함수들 대체
3,005
 어떤 파일들이 include 나 require 되었는지 확인하는 함수(get_included_files)
3,004
 PHP 날짜 형식 및 계산하기(날짜 더하고 빼기)
3,003
 jQuery Mobile에서 유용한 코드 10가지.
3,002
 값이 배열 안에 존재하는지 확인하는 in_array함수
3,001
 사용자가 웹브라우저에서 뒤로가기를 했을때 감지하는 방법
3,000
 [jQuery]버튼 활성화, 비활성화
2,999
 jQuery show() / hide() / toggle() 사용법
2,998
 jquery 여러가지 이벤트
2,997
 border-radius 속성
2,996
 네이버 오픈API 음성합성 API 사용하는 PHP 샘플코드
2,995
 UTF8 한글 자르기..
2,994
 iconv 에러 발생시 계속 처리하기 옵션
2,993
 [PHP] 현재 페이지의 도메인 , URL 정보 알아내기.
2,992
 [PHP] 막강 기능 배열..
2,991
 [CSS] - Input clear `X ` 버튼 제거 ( IE, Chrome, Firefox )
2,990
 [Mobile] - 모바일웹 Href 태그속성들
2,989
 [JqueryMobile] - 현재화면의 가로세로 사이즈 구하기
2,988
 [JqueryMobile] - 화면의 가로, 세로 사이즈 구하는 방법
2,987
 jquery로 가로 넓이(width), 세로 높이(height) 자동 조절
2,986
 iframe 높이 jquery로 자동조절하기
2,985
 jQuery 오른쪽 영역의 높이를 왼쪽 영역의 높이와 동일하게 하기
2,984
 jquery에서 테이블 짝수, 홀수 번째 TR 배경색 변경하기
2,983
 jquery에서 테이블에 마우스 오버시 해당 행의 배경색상 변경하기
2,982
 jquery 스크립트내 특정값 확인하기 (디버깅)
2,981
 jquery cookie (jquery.cookie.js)
2,980
 jquery div 기본 넓이, 높이 계산 및 padding, border 포함 하기
2,979
 jquery 다른버전 추가 사용시 충돌 방지 (카페24 스마트디자인 기본내장 jquery 1.4.4 버전과 충돌시 해결방법)
2,978
 특정 페이지 종료시 확인 경고창 출력
목록
추천음악방송
인기트로트메들리모음
추천 트로트
감성 트로트
밤무대 애창곡
전자올겐 경음악
작은 음악다방
종합성인가요방
카바레 음악
트롯디스코팡팡
관광 메들리
트롯카페
가요감상실
추억의옛노래
스페셜가요광장
BillBoard Free
Dance&Remix
Pandora TV
추천가요모음
경음악.전자올겐
스페셜음악여행
WOLRD POPs
K-POP\BillBoard
JP\CN
POP TOP BEST
K.R.노래방

추천가요\인기
F뮤직 인기\발라드
F뮤직 애창\트로트
트로트성인가요
인기가요
프리미엄 POP
경음악\기타
프리미엄 최신가요
프리미엄 성인가요
가요1번지(종합)
뮤직하우스
동요\연변\반주\기타
앗싸! 뽕짝
가요 포장마차
가요축제\트롯1번지
댄스\메들리\리믹스
카페\명상\경음악\기타
추천가요\POP\기타
최신가요\인기가요
뮤직트로트 부산광역시부산진구 가야동 ㅣ 개인정보취급방침
Copyright (C) musictrot All rights reserved.