form

정보를 제출하기 위한 태그로, form 태그 안에 input이나 select, checkbox, radio 등의 태그가 포함될 수 있습니다.

속성

tag	설명
accept-charset	폼 데이터(form data)를 서버로 보낼 때 사용되는 문자 인코딩, (character encoding) 방식을 명시, ("UTF-8")
action	폼 데이터(form data)를 서버로 보낼 때 해당 데이터가 도착할 URI, (상대주소|절대주소)
autocapitalize	영문을 입력할 때 자동으로 대문자 변환하는 방식, iOS Safari에서만 사용하는 비표준 특성
autocomplete	form요소에서 자동 완성 기능을 사용할지 여부를 명시, ("on"|"off")
enctype	폼 데이터(form data)가 서버로 제출될 때 해당 데이터가 인코딩되는 방법을 명시, form요소의 속성 값이 POST일때만 사용할 수 있음, ("application/x-www-form-urlencoded"|"multipart/form-data"|"text/plain")
method	폼 데이터(form data)가 서버로 제출될 때 사용되는 HTTP 메소드를 명시, ("GET"|"POST")
name	폼(form)의 이름을 명시
novalidate	폼 데이터(form data)를 서버로 제출할 때 해당 데이터의 유효성을 검사하지 않음을 명시, ("true"|"false")값으로 명시하면 true값을, 명시하지 않으면 false값을 가짐
target	폼 데이터(form data)를 서버로 제출한 후 받는 응답이 열릴 위치를 명시, ("_blank"|"_self"|"_parent"|"_top"|"프레임 이름")

enctype의 속성 값

• application/x-www-form-urlencoded: 기본값으로, 모든 문자들은 서버로 보내기 전에 인코딩됨을 명시
• multipart/form-data: 모든 문자를 인코딩하지 않음을 명시, 파일이나 이미지를 서버로 전송할 때 주로 사용
• text/plain: 공백 문자(space)는 "+" 기호로 변환, 나머지는 모두 인코딩되지 않음을 명시

methood의 속성 값

• GET: URL에 폼 데이터를 추가하여 서버로 전달하는 방식, 보통 쿼리 문자열(query string)에 포함되어 전송(-> 길이의 제한), 브라우저에 의해 캐시되어(cached) 저장, 보안상 취약
  ex) URL?name=value&name=value&...
• POST: 폼 데이터를 별도로 첨부하여 서버로 전달하는 방식, 캐시되지 않으므로, 브라우저 히스토리에도 남지 않음, 길이에 대한 제한 없음, GET 보다 보안성이 높음

target의 속성 값

• _blank: 응답을 새로운 윈도우나 탭(tab)에서 보여줌
• _self: 응답을 링크가 위치한 현재 프레임에서 보여줌, 기본 값
• _parent: 응답을 현재 프레임의 부모 프레임에서 보여줌
• _top: 응답을 현재 윈도우 전체에서 보여줌
• 프레임 이름: 응답을 명시된 프레임에서 보여줌

출처
1. form 태그의 속성
2. HTML 요소 참고서 form