HTML/CSS/JAVASCRIPT 강의실

시삽: 레드플러스 님 
게시판 이동:
 제목 : 9일차 강의내용 - 양식(FORM)
글번호: 19
작성자: 관리자
작성일: 2001/01/15 오전 2:07:00 (2001/01/15 오전 2:08:00 수정)
조회수: 6048
HTML

학습내용 : HTML 양식(FORM) 만들기 (2001/01/14)

 

<FORM> 태그

사용법

<FORM>...</FORM>

설   명

CGI 입력폼이라고 하며, 요즘은 ASP,PHP,JSP,CGI 등과 데이터 교환하는 목적으로 많이 사용한다.
문서에 데이터(CGI등)를 불러들일 때에 사용한다. 한 문서안에 여러개의 form을 사용할 수는 있지만, form안에 또다른 form을 넣을 수는 없다.

속   성

NAME

양식의 이름을 정의한다. 없어도 무방하다.

ACTION

이것은 실행될 데이터가 위치한 곳을 지정한다.

METHOD=GET 또는 POST

GET과 POST 두가지 값이 올 수 있다. GET을 사용할 경우는 사용자의 입력이 서버쪽의 환경변수 QUERY_STRING에 넘어가게 된다. POST는 표준 입력을 이용하여 서버쪽으로 전달된다. 대용량의 데이터를 전달할 경우에는 POST를 사용한다.
GET은 데이터를 읽어들일 때에 사용한다.
POST는 데이터를 바꿀(등록할) 때에 사용한다.

ENCTYPE

이것은 media type을 지정한다. MIME type이 기본설정이다.

TARGET

이것은 form이 실행될 창을 설정한다.

예    제

 

 

<INPUT> 태그

사용법

 

설   명

<FORM>형식에 필요한 사항인데, 사용자가 직접 글을 써넣거나 데이터를 스크립트의 도움을 받아 실행시킬 수 양식을 만든다. 

속   성

ALIGN : 위치를 지정한다.

CHECKED : 표시된 사각형 checkbox 또는 원 radio botton을 보여준다.

MAXLENGTH : 한 공간안에 들어갈 수 있는 최대문자를 지정한다.

NAME : 이름을 지정한다.

SIZE : 아래의 보기처럼 크기를 지정한다.

   - INPUT TYPE="text" SIZE="24"

SRC : IMG에서처럼 주소를 지정한다.

TYPE : 글text 등, 해당 형식을 정한다.  

   - TEXT(텍스트 입력양식) : 한줄짜리 문자열 입력을 위해 사용.

   - RADIO(라디오 버튼 입력 양식) : 여러개의 항목 중 하나의 항목을 선택할 때 사용.

   - CHECKBOX(체크박스 입력 양식) : 여러개의 항목 중 하나 이상의 항목을 선택할 경우 사용.

   - HIDDEN(숨겨진 입력 양식) : 서버쪽 프로그램 수행을 위해서는 전송되어야 할 값이지만, 브라우저에는 표시하지 않도록 할 경우 사용.

   - PASSWORD(암호 입력 양식) : 암호를 입력하도록 한다.

   - TEXTAREA(텍스트 영역 입력 양식) : 한줄 이상의 문장을 입력할 때 사용.

      -- COLS : 텍스트 영역의 가로 폭 설정(문자 단위)

      -- ROWS : 텍스트 영역의 세로 폭 설정(행 단위)

   - SELECT(선택 목록 입력 양식) : 어떤 목록(LIST)에서 하나 혹은 여러개의 항목을 선택하고자 할 경우 <SELECT>...</SELECT>으로 선택목록을 정의한다.

      -- SIZE : 선택 목록의 개수 설정

      -- SELECTED : 미리 선택된 항목 설정

      -- MULTIPLE : 다중 선택을 가능하게 한다.

      -- <OPTION> 선택 목록을 열거할 때 사용한다.

   - SUBMIT(버튼 입력 양식) : 서버쪽 프로그램으로 데이터 전송.

   - RESET(버튼 입력 양식) : 입력 양식에 입력된 모든 내용을 지우거나 초기화

   - BUTTON(버튼 입력 양식) : 버튼 형태만을 만들어주며, 주로 자바스크립트와 혼용되어 쓰일 경우 사용된다.

BUTTON : 단추. 이것은 각종 스크립트를 실행하는 장치로 이용된다.

VALUE : 이것은 단추의  이름을 정할 때 사용하며, 단추에 표시된다.

예   제

 

 

※ 학습정리

 이번에 학습한 양식(FORM) 관련 태그들은 ASP,PHP와 데이터 교환시 자주 쓰이는 태그입니다.

꼭 사용법을 습득하시기 바랍니다. (상당히 중요한 부분이죠...)

※ 관련문제

 

※ 참고문헌/사이트

태그사전

HTML Reference Library 4

 

 
이전 글   다음 글 삭제 수정 답변 글쓰기 리스트

(댓글을 남기려면 로그인이 필요합니다.)

관련 아티클 리스트
  제       목 파일 작성자 작성일 조회
이전글 9일차 강의내용 - 프레임(FRAME) 및 IFrame, 기타 HTML - 관리자 2001-01-15 7206
현재글 9일차 강의내용 - 양식(FORM) - 관리자 2001-01-15 6048
  예제. 024. 입력양식만들기(FORM태그).htm HTML-0024.jpg(161 KB) 레드플러스 2003-05-14 4841
  예제. 025. 입력양식만들기(FORM태그)전송.htm HTML-0025.jpg(99 KB) 레드플러스 2003-05-14 5949
  예제 : 폼(입력 양식) 폼(입력양식).htm(970 Byte(s)) 레드플러스 2004-06-30 4265
  예제 : 폼(입력 양식) 전송 결과 페이지(Login.asp) Login.asp(412 Byte(s)) 레드플러스 2004-06-30 4408
다음글 8일차 강의내용 - 테이블 만들기 - 관리자 2001-01-12 5650
 
손님 사용자 Anonymous (손님)
로그인 Home