0
 33   4   1
  View Articles

Name  
   손병목  (2002-04-14 00:03:47, Hit : 32582, Vote : 2153)
Homepage  
   http://www.itmembers.net
Subject  
   글 쓰기 입력 폼 만들기(2) FORM 태그의 이해(下)
지난 시간에 만든 write_test.php와 write_ok.php 프로그램을 하나하나 살펴보도록 하겠습니다.
웹 프로그래밍을 위한 기본 중의 기본이므로 반드시 이해와 숙달을 할 수 있도록 해 주시기 바랍니다.

먼저 write_test.php 프로그램부터 분석해 볼까요?

  1. 6행의 <form name='myForm' method='post' action='write_ok.php'>
    FORM 태그는 말 그대로 문자열이나 명령 등을 입력받기 위한 폼을 만들 때 사용하는 태그입니다.
    FORM 태그는 name, method, action, target 등의 속성이 있습니다.

    • name
      폼이 여러 개일 때 구분하기 위한 이름입니다.
    • method
      입력한 데이터를 서버의 프로그램(CGI)에 전달하는 방식을 지정하는 것인데, post 방식과 get 방식이 있습니다.
      위의 예에서는 post 방식을 사용하였는데, 입력한 데이터의 양이 많을 때 주로 사용되는 방법입니다.
      만약 위의 예에서 post 대신 get를 사용하여 실행하면 다음과 같이 입력한 내용이 주소 표시줄에 모두 나타나게 됩니다. 즉 get 방식은 데이터를 전송할 때 HTTP 헤더 부분에 실어서 보냅니다. 반면 post 방식은 데이터를 본문에 실어서 전송합니다.

    • action
      폼의 데이터를 실행(처리)할 프로그램의 주소를 지정하는 곳입니다.
      위의 예를 보면, 폼에서 입력한 데이터를 처리하기 위해 write_ok.php 프로그램을 실행한다는 뜻입니다.
    • target
      위의 예에서는 사용되지 않았는데, 결과물을 보여 줄 창을 선택합니다. 위의 예에서는 현재의 창에 그 결과물을 보여주기 때문에 별도의 target 속성을 사용하지 않았습니다.</ul>


  2. 8행의 이름 : <input type='text' name='name' size=20  maxlength=20>
    input 태그는 form 태그 내에서 입력 양식을 만들기 위한 태그입니다.
    input 태그는 type, name, value, size, maxlength 등의 속성이 있습니다.

    • type
      입력 방식을 지정할 때 사용합니다.
      8행서는 text 입력 방식, 9행에서는 password 방식, 16행에서는 submit 방식을 사용하고 있습니다.
      type에는 text, password(입력되는 내용이 별표로 표시됨), checkbox, radio, submit(폼의 데이터를 전송할 때), reset(취소), hidden(입력 양식을 숨김), button, image(이미지 버튼) 방식 등이 있습니다.
    • name
      여러 개의 input을 구분하기 위한 이름을 지정합니다.
    • value
      위의 예에서는 사용되지 않았지만, 기본 입력 값을 지정하는 것입니다.
      text에서는 기본 입력값이 표시되고, submit나 button, reset 등에서는 버튼 제목으로 표시됩니다.
    • size와 maxlength
      입력 양식이 화면에 표시되는 길이(크기)와 실제 입력할 수 있는 최대 문자 수를 지정합니다.


  3. 13행의 내용 : <textarea name='memo' cols=50 rows=5  maxlength=500></textarea>
    여러 줄의 내용을 입력하기 위해서는 textarea 태그를 사용합니다.
    name은 이름, cols는 화면에 표시될 컬럼 수, rows는 화면에 표시될 행의 수, maxlength는 실제 입력 가능한 문자 수를 지정합니다.

  4. 16행의 <input type='submit' value='글쓰기'>
    글쓰기라는 버튼이 표시되고 이것을 클릭하면 현재 폼에 입력된 데이터를 전송합니다.
    어디로 전송할까요?
    바로 6행의 action='write_ok.php'에서 지정한 대로 write_ok.php 프로그램으로 전송합니다.

  5. 18행의 </form>
    폼 태그가 종료되는 곳입니다.



write_ok.php 프로그램은 매우 간단합니다.

write_test.php에서 입력한 데이터를 전송받아서 화면에 보여주는 역할을 합니다.

여기서 $name, $password, $email, $homepage, $subject, $memo는 write_test.php의 input 태그의 name 속성에서 지정한 이름입니다.

form, input, textarea 태그는 웹에서 데이터를 입력하고 전송할 때 기본이 되는 HTML 태그입니다.
위의 예를 통해 반드시 그 용례를 익혀 두시기 바랍니다.

이상 토요일 밤과 일요일 새벽 사이 비몽사몽 헤매고 있는
동주 아빠 손병목이었습니다.

Prev
   글 쓰기 입력 폼 만들기(3) 자바 스크립트를 이용한 입력 검사

손병목
Next
   글 쓰기 입력 폼 만들기(1) FORM 태그의 이해(上)

손병목


Copyright 1999-2021 Zeroboard / skin by Zetyx