HTML 입력양식 태그(INPUT)

HTML 입력양식 태그

 

HTML 입력양식 태그에 대하여 알아 보도록 하겠습니다.

블로그를 운영 할 경우는 사용 할 일이 없겠지만 개인 홈페이지 또는 쇼핑몰을 운영하고자 하는 분들은 알아 두어야 할 부분입니다.

 

입력양식 태그는 사용자와 웹 서버간의 상호적인 정보 교류를 위해 필요한 부분입니다.

블로그에서 댓글 쓰기 부분이 바로 입력 태그 부분입니다.

즉, 사용자로부터 정보를 입력받는 기능 입니다.

 

사용 형식 알아보도록 하겠습니다.

 

<FORM> 태그

 

<FORM ACTION="URL" METHOD="GET" 또는 "POST"> </FORM>

 

▶ ACTION : 입력 데이터를 받아서 처리 할 주소를 설정 합니다.

▶ METHOD : 사용자가 입력한 데이터를 서버(처리 할 주소)에 전달하는 방법 입니다.

   - GET : 디폴트로 데이터가 환경변수(주소 뒤에 파라미터)를 통하여 서버에 전달 되는 방법입니다.

   - POST :  데이터가 표준 입력 방식으로 서버에 전달 됩니다.

                보안 및 데이터의 라인 수에 제한이 없어 주로 사용됩니다.

 

 

INPUT 태그

 

<INPUT TYPE="속성"

           NAME="입력양식이름"

           VALUE="입력양식에서 표시 될 문자열"

           SIZE="문자수"

           MAXLENGTH="최대문자 수">

 

▶ TYPE

 - TEXT : 문자입력

 - PASSWORD : 문자 입력시 데이터를 * 로 표시

 - CHECKBOX : 체크박스를 생성

 - RADIO : 여러 개 중 하나를 선택하는 입력 방식

 - HIDDEN : 숨겨진 입력 양식을 생성

 - IMAGE : 이미지 입력 양식을 생성

 - SUBMIT : CGI 프로그램에 데이터를 전달

 - RESET : 입력 내용을 취소

 

▶ NAME

 - 입력한 내용을 지정 할 변수의 이름을 지정합니다.

▶ VALUE

 - TEXT, PASSWORD, CHECKBOX, RADIO, BUSMIT, RESET : 자세한 설명은 다음 블로그에서

▶ CHECKED

 - CHECKBOX, RADIO 의 기본 값으로 선택 되도록 합니다.

▶ SIZE : TEXT, PASSWORD 입력 부분에 보이는 문자수를 설정 합니다.

▶ MAXLENGTH : TEXT, PASSWORD에서 입력 받을 수 있는 최대 문자수를 설정 합니다.