Form 태그
일반적으로 form태그는 입력양식을 만들 때 많이 사용됩니다. 입력양식이란 어떠한 데이터를 받아 전송해주는 양식을 말하는 것입니다. 예를 들자면 방명록이나 게시판, 설문조사, 회원등록 폼 등 이런 것을 말하는 것이죠. 이러한 입력양식의 처음과 끝에는 반드시 form 태그가 들어가게 됩니다.
※ form 태그의 형식과 속성
|
<form action="데이터가 전송될 장소" method="전송방식">.........</form> |
form 태그의 형식은 ↑위와 같은 형식으로 이루어 집니다. 여기서 action 과 method 속성이 붙게 됩니다. 각기 속성에 대해서 설명드리죠^^
▷ action
action 속성은 "데이터가 전송될 장소"를 지정해주는 역할을 합니다. 일반적으로 cgi 파일이름이 많이 들어가게 됩니다. 왜냐면 방명록이나 게시판 등은 모두 cgi프로그램이기 때문입니다.
▷method="post 혹은 get"
method 속성은 "데이터가 처리될 방식" 을 지정해주는 역할을 합니다. 일반적으로 입력 양식이 서버에 데이터 베이스화될 때에는 post 방식을 사용합니다. 쉽게 말해서 방명록이나 게시판등에서 post 방식을 사용한 다는 것입니다. 반면에 입력 양식의 내용에 대한 결과를 방문자에게 직접 보여 줄 때는 get 방식을 사용합니다. 예컨데 검색엔진의 검색결과라든지 홈페이지의 방문횟수를 나타내는 카운터 등에는 get 방식을 사용합니다.
※ 간단한 예제
| <form action="https://www.netian.com/~witch224" target="_blank"><input type=submit value=홈페이지로></form> |
눌러보니깐 태그매니아 홈페이지가 나오죠...^^ 보셨드시...form 태그는 사용자가 서식을 통하여 정보를 제출할 때 브라우저는 데이터를 패키지화하여 <form> 태그 안에 지정되어 있는 위치로 전달해줍니다. 즉, 폼 태그는 브라우저에게 데이터 어디로 어떻게 전달하는지에 대해서 알려줍니다. 또 무쉰 소리인지 모르시겠다고요..^^ 쉽게 말해서 여러분이 우체국에서 소포를 보낼 때 포장을 한다음 포장지에다 소포가 도착할 주소와 받는 사람을 적어 넣잖아요.....바로 폼태그가 소포의 포장지와 같은 역할을 하는 겁니다. 포장지=<form> , 도착할 주소=action , 소포방식=method 입니다. 이제 이해가시죠^^ 예제 하나 더 볼까요? ^^
| <form action="mailto:ji-inest@hanmail.net?subject=태그매니아에게 메일보내기" method="post"><input type=submit value="e-mail보내기"></form> |
위에 예제는 폼태그를 이용하여 메일을 보내는 것입니다. 근데 위에 method="post" 라고 나오잖아요.. get 과 post 가 있는데 서식에서는 대부분 post를 사용합니다.
