HTML 입력양식 태그
HTML 입력양식 태그에 대하여 알아 보도록 하겠습니다.
블로그를 운영 할 경우는 사용 할 일이 없겠지만 개인 홈페이지 또는 쇼핑몰을 운영하고자 하는 분들은 알아 두어야 할 부분입니다.
입력양식 태그는 사용자와 웹 서버간의 상호적인 정보 교류를 위해 필요한 부분입니다.
블로그에서 댓글 쓰기 부분이 바로 입력 태그 부분입니다.
즉, 사용자로부터 정보를 입력받는 기능 입니다.
사용 형식 알아보도록 하겠습니다.
<FORM ACTION="URL" METHOD="GET" 또는 "POST"> </FORM>
▶ ACTION : 입력 데이터를 받아서 처리 할 주소를 설정 합니다.
▶ METHOD : 사용자가 입력한 데이터를 서버(처리 할 주소)에 전달하는 방법 입니다.
- GET : 디폴트로 데이터가 환경변수(주소 뒤에 파라미터)를 통하여 서버에 전달 되는 방법입니다.
- POST : 데이터가 표준 입력 방식으로 서버에 전달 됩니다.
보안 및 데이터의 라인 수에 제한이 없어 주로 사용됩니다.
<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에서 입력 받을 수 있는 최대 문자수를 설정 합니다.
'프로그래밍 > HTML, CSS, JavaScript' 카테고리의 다른 글
자바스크립트(JavaScript)란 무엇인가? (6) | 2018.01.14 |
---|---|
HTML 입력태그(텍스트박스, 라디오버튼, 체크박스) (2) | 2018.01.10 |
HTML 콤보박스(SELECT) 태그 (0) | 2018.01.03 |
HTML 프레임(FRAME) 만들기 (5) | 2017.12.28 |
HTML 테이블 선 및 여백, 배경색 설정 (8) | 2017.12.27 |