웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
PHP_6_간단한 폼 구구단을 만들어 보자
2008.03.26 23:08
안녕하세요 아무흐 입니다. 요번강의에서는 간단히 폼구구단을 만드는것에 배워 보도록 하겠습니다.
오늘 배울 구믄은 딱히 없지만 몇가지 새로운 구문을 배워볼 예정입니다. ^^
원래는 폼 계산기를 넣으려 했으나 지금 이걸 배우면 좀 머리 복잡할꺼 같아 좀더 쉬운것을 먼저 배워 보았습니다.
오늘 배울 구믄은 딱히 없지만 몇가지 새로운 구문을 배워볼 예정입니다. ^^
원래는 폼 계산기를 넣으려 했으나 지금 이걸 배우면 좀 머리 복잡할꺼 같아 좀더 쉬운것을 먼저 배워 보았습니다.
1. Form 폼 과 for 문요번강의에서는 폼과 for 문에 대해 배워 보겠습니다. Form 문이라면 바로 Html 의 Form 이라는걸
Html 을 다뤄 본사람을 잘 아실껍니다. 우리가 사용하는 게시판에서도 많이 사용되는 것중 하나가 폼입니다.
오늘은 이 것들을 배워 볼텐데요 우선 소스를 보면서 알아보겠습니다.
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=euc-kr" /> <title>폼 구구단 계산기</title> </head> <body> <table width="200" border="1"><form method="post" action="form_php6.php"> <tr> <td><input type="text" style=" width:150px; height:16px; font-size:11px;" name="form"></td> <td width="66"><input type="submit" name="Submit" style="width:50px; height:16px; font-size:11px; color:#333333" value="계산"></td> </tr> <tr> <td colspan="2"><? if($form==""){ } else { for($i=1;$i<=9;$i++){ echo $form."*".$i."=".$form*$i."<br>"; } } ?></td> </tr> </form> </table> </html>
소스는 다음과 같습니다. 자 그럼 Form 에 대해 설명 하겠습니다.
우선 폼은 폼을 사용하여 PHP 로 데이터를 입력하고 전달할때 가장 많이 쓰이는 태그중 하나 입니다.
폼 폼은 대개 <form 으로 시작하며 method 값과 action 값 또는 name 값을 주게 되어 있습니다.
이 소스에서 보면 method 값을 post 로 주었습니다. 이건 바로 보낸다는 뜻입니다. action 에 있는 form_php6.php 값에
값을 보낸다는 뜻입니다.현재 이 소스 자체가 form_php6.php 이므로 바로 이 폼 소스로 데이터를 전송 시키겠죠
폼이 데이터 전송하는 경로를 알았으니 어떤 데이터를 보내는지는 알지 못합니다. <form> 태그와 </form> 태그 사이중
<input type="text" style=" width:150px; height:16px; font-size:11px;" name="form"> 라는 태그가 있습니다. 이태그를 보면
type 과 style 그리고 name 이라는 태그가 있습니다. type 은 폼의 방식, 모양 등을 정할때 쓰입니다. 텍스트 박스는 text
폼은 button, hidden, password, radio, reset, submit, image 등의 종류가 있으며 그 종류에 따라 폼의 활용이 달라
지게 됩니다. 그리고 style 은 제가 그냥 스타일 시트 css 같이 스타일 값을 넣어 준것입니다. 즉 꾸며줬다는 거죠 ^^
그리고 name 에는 form 값을 주었습니다. 여기서 form 이란 값은 전송 데이터의 변수값이 됩니다. 만약 변수값이
틀리다면 전송 하더라도 변수값을 못받아서 php 프로그램이 작동하지 않을 수도 있으니 주의 주의 ^_^
대략 폼값도 알아 보았습니다. 그 뒤에 있는 submit 타입의 폼은 바로 전송 버튼입니다. 그 버튼을 클릭하면 전송이
가능하겠죠 ^^
자 그럼 우선 이미지를 하나 보도록 하겠습니다.
자 이 이미지는 위의 소스대로 만든 페이지를 본 화면 입니다. 이 화면에서 보면 폼 하나가 있고 계산이라는 폼이
있습니다. 저 폼안에 9 라는 값을 넣어 계산을 하게 되면
이와 같이 폼 밑에 계산 한것을 나타나게 됩니다. 이때 주로 쓰이는 PHP 구문은 FOR 문입니다.
for 문의 사용방법은 이러합니다.
for(숫자변수 하나를 지정 ; 숫자 변수를 몇번 실행할지 조건 지장 ; 숫자 변수를 더할지 뺄지를 지정){
프로그램 구문
}
※여기서도 else 가 먹힙니다. ^^
for 문의 사용법은 위와 같습니다. 그럼 소스를 보면서 생각해봅시다.
<? if($form==""){ } else { for($i=1;$i<=9;$i++){ echo $form."*".$i."=".$form*$i."<br>"; } } ?>
우선 첫번째 이미지처럼 처음에는 for 문에 들어갈 값이 나타나는걸 막기 위해
if 조건문을 이용하여서
$form 값이 아무것도 없이 비어 있을 때에는 아무 프로그램도 실행 시키지 않습니다.
하지만 숫자가 들어 있을 때에는 프로그램을 실행 시킵니다. else 로 숫자가 들어가면
실행 되는거죠 ^^
단 여기서 숫자를 넣지 않으면 계산이 안된다는 점을 꼭 생각해두셔야겠죠 ^^
if 문으로 폼에 아무것도 없을때가 아닌 폼에 숫자가 들어 갔을때 실행 하라는 조건을 걸어 주었습니다.
그럼 for 문은 어떻게 사용한걸까요?
변수 i 값을 1이라고 지정하고 변수 i 값이 9과 작거나 같을때까지 실행 시켜라 는 조건을 주고 또 변수 i 값을
증감 시키라 조건을 줍니다.
※ 증감 이란? 숫자 변수를 계산 할때에 1씩 또는 -1 증감 시키는 것이 바로 증감인데 변수 뒤에 ++를 넣었을 경우에는
변수의 숫자값이 증가하고 --를 넣었을 경우에는 변수의 숫자 값이 감소한다.
즘감 조건을 주었으니 이제 에코 문을 이용하여 어떻게 출력해서 보여 줄지를 작성 해야겠지요^^
echo 를 넣어 주고 $form 값을 넣어 주어
ㅁ * ㅁ = ㅁ 중 맨앞에 ㅁ 값을 넣도록 합니다.
echo $form 여기서 form변수 뒤에 . (점) 을 넣어 뒤에 구문도 합칩니다.
※ 여기서 잠깐 ! . 은 변수값를 합칠때 주로 사용됩니다. ex ) $char = $int.$int;
이어서 "*"라는 문자열을 넣고 요번에는 $i 값을 넣어 줍니다. 또 "=" 이라는 문자열을 넣어 주고
$form 을 과 $i를 곱하는 $form*$i 를 넣어주고 ; 를 넣으면 끝 !간단한데 설명은 기네요 - -....
질문 사항이 있으면 OGIT 메뉴에서 Q&A 매뉴에서 질문하세요 !! 제가 정성 껏 답변 해드리겠습니다.
푸푸 ..
이번강의는 이것으로 마치겠습니다.
댓글 2
-
fallstoofast
2008.03.27 01:54
왠만하면 $_POST['form']과 같은 식으로 하는게 좋지 않을까요? 그냥 넘기는걸 지원하지 않는 PHP버전도 있기도 하고, 어디서 넘어오는지 확실히 구분하기 위해서는 좋을거 같아요. -
아무흐
2008.03.27 13:49
참고 하겠습니다.
제목 | 글쓴이 | 날짜 |
---|---|---|
필드값의 유효성을 검사하는 함수 | 아이쿠 | 2002.10.18 |
E-mail 추출기에 걸리지 않게 E-mail 링크하기 [2] | 아이쿠 | 2002.10.18 |
단축키로 페이지이동 [17] | 아벨라 | 2002.10.18 |
숫자 세자리마다 컴마(,) 찍어주기 [1] | 행복한고니 | 2002.10.20 |
IFRAME을 드래그해서 크롬리스처럼 사용하기 [16] | 멀대 | 2002.10.21 |
노래방 에 보면 나오는 글씨 같은 소스 | 臥龍先生 | 2002.10.27 |
원하는 부분에 문서나 이미지 불러들이기 | 디아릭스 | 2002.10.30 |
여러개의 창을 동시에 열고 ~~함목~~에 닫기 | 디아릭스 | 2002.10.30 |
붙여넣기 및 마우스 우측버튼 금지.. [3] | 민이 | 2002.10.31 |
하이퍼링크 점선 테두리 없애기 [9] | 레드 | 2002.10.31 |
글씨 하이퍼링크시 밑줄 없에기 [8] | 이솔렛 | 2002.10.31 |
[자작] select 폼 태그 html로 허접하게나마 꾸며보기 [18] | zero | 2002.11.05 |
엔지오같은 메뉴 만들기 #1 - 수정판 [6] | Eccen | 2002.11.05 |
링크 포커스 없애기 3탄 [10] | 멀대 | 2002.11.05 |
방문자가 특정부분 텍스트크기 바꿀수 있게 (확대/축소) [2] | 디아릭스 | 2002.11.05 |
[re] 엔지오같은 메뉴 만들기 #2 -> 레이어배치 팁! //ⓦⓞⓞⓡⓨ님참고 [3] | Aracing™ | 2003.01.10 |
엔지오같은 메뉴 만들기 #2 - Error 수정판 -_-;; [13] | Eccen | 2002.11.12 |
고정된 배경이미지는 싫다면서... [9] | 디아릭스 | 2002.11.12 |
윈도우 할아버지 나타나게 하기 [11] | 행복한고니 | 2002.11.14 |
레이어를 원하는 곳에 고정하기입니다. [7] | 아벨라 | 2002.11.14 |