기본 형식)
<FORM ACTION = "URL" METHOD = "GET" or "POST"> </FORM>
-ACTION : 입력 데이터를 처리할 CGI 프로그램의 URL.
-METHOD : 사용자가 입력한 데이터를 서버에 전달하는 방법.
*get : 디폴트로 데이터가 환경변수를 통하여 서버에 전달.
데이터의 라인 수가 제한.
*post: 데이터가 표준 입력 방식으로 서버에 전달.
데이터의 라인 수에 제한이 없으므로 주로 사용.
1. 입력 태그
형식)
<INPUT TYPE =[속성]
NAME="입력 양식 이름"
VALUE="입력 양식에서 표시될 문자열"
SIZE="문자수"
CHECKED=[속성]
MAXLENGTH="문자수">
-TYPE
*TEXT : 문자 입력
*PASWORD : 문자 입력시 데이터를 * 로 표시
*CHECKBOX: 체크상자를 생성
*RADIO : 여러개 중 하나를 선택하는 입력 양식
*HIDDEN : 숨겨진 입력 양식을 생성
*IMAGE : 이미지 입력 양식을 생성
*SUBMIT : CGI 프로그램에 데이터를 전달
*RESET : 입력 내용을 취소
-NAME
*입력한 내용을 저장할 변수의 이름을 지정.
-VALUE
*TEXT,PASSWORD : 입력값의 기본값을 지정.
*CHECKBOX,RADIO: 해당 버튼이 선택되었을 때 CGI에 보내는 값을 정의.
*SUBMIT,RESET : 버튼에 표시될 내용을 지정.
-MAXLENGTH
*최대 문자수를 정의
2.선택 태그
형식)
<SELECT NAME = "변수 이름"
SIZE = "목록창에 보이는 선택의 수 "[MULTIPLE]>
<OPTION>선택 항목
</SELECT>
3.문서 입력 창 만들기
형식)
<TEXTAREA [속성]>~</TEXTAREA>
*NAME = "변수명 " : 입력한 내용을 저장할 변수의 이름을 지정.
*ROWS = "행의 수" : 브라우저에 표시되는 줄 수를 지정.(기본값은 1)
*COLS = "열의 수" : 브라우저에 표시되는 열 수를 지정.(기본값은 20)
ex)
------------------------------------------
<html>
<head><title>URL을 통한 링크</title></head>
<body>
<FORM ACTIOM = "/cgi-bin/post-query" METHOD="POST">
<TEXTAREA NAME ="col" ROWS="5" COLS="30">
</TEXTAREA><P>
<INPUT TYPE ="SUBMIT" VALUE="보내기">
<INPUT TYPE ="RESET" VALUE="취소">
</FORM>
</body>
</html>
------------------------------------------
'프로그래밍 > HTML' 카테고리의 다른 글
| 자바스크립트를 이용한 HTML 문서 작성 (0) | 2011.02.03 |
|---|---|
| 멀티미디어 사용하기 (0) | 2011.02.03 |
| 프레임 만들기 (0) | 2011.02.03 |
| 테이블 만들기 (0) | 2011.02.03 |
| 이미지 삽입 (0) | 2011.02.03 |
