HTML Form   폼 요소

(2016-03-12)

폼 , form

1. Form 요소서버와의 복잡한 상호작용을 가능케하는 사용자 인터페이스 구현 요소 
     - 여러 입력 양식을 만들기 위한 다양한 폼 컨트롤이 존재

  ㅇ 폼 컨트롤을 크게 다음과 같이 구분 가능
     - `입력` : 사용자 텍스트 입력을 위한 컨트롤
     - `선택` : 옵션 선택을 위한 컨트롤
     - `전송` : 서버측으로의 데이터 전송을 위한 컨트롤

  ㅇ form 요소 : <form> ... </form>
     - 웹 페이지 내 폼 입력 양식을 지정하기 위한 범위를 줌

     - action 속성  : 서버 측 실행 프로그램을 지정함
     - accept-charset 속성 : 웹 문서 전체에 적용된 문자 세트와 다르게 폼 데이터 인코딩
     - enctype 속성 : 인코딩 형식을 지정함
        . enctype=`application/x-www-form-urlencoded` : (디폴트) 문자 형식
           .. 빈칸은 `+`로, 특수 문자는 ASCII HEX 코드 값으로 변환
        . enctype=`multipart/form-data` : 문자 이외 이진 파일 형식 (파일 업로드 등)
        . enctype=`text/plain` : 일반 텍스트 형식
           .. 빈칸은 `+`로 변환, 특수 문자에 대한 변환 없음
     - method 속성  : HTTP 요청 메소드(GET,POST 등)를 말함
     - name 속성    : 폼 이름을 나타냄. 자바스크립트와 같은 언어에서 이를통해 폼을 참조
     - novalidate 속성 : 사용자에게 굳이 입력 오류를 알리지 않고 그냥 서버측에 전송

  ㅇ input (입력) 요소
     - 거의 대부분의 폼 컨트롤들이 지원됨

     - 주요 type 속성 : <input type=... >
        . text, submit, reset, button, password, file, checkbox, radio,
          number, range, color, date, email, url, tel, search, image, hidden

  ㅇ label 요소


[HTML 요소] 1. HTML 구성 요소 2. A 요소 3. Form 요소

 
        최근수정     모바일웹     참고문헌