[HTML] 6. 입력양식 - <form> 태그

데이터 입력양식의 예

<form> 태그

　▷ 사용자로부터 다양한 형태의 데이터를 입력받기 위한 요소들을 담는 컨테이너

　　 ＊ 입력요소(input, select, textarea 등)는 <form> 태그 내에서 사용

　　 ＊결과 화면에는 아무것도 표시되지 않음

　　　　　<form action="URL" method="전송방식">
　　　　　　　(<input>, <textarea>, <select> 등)

　　　　　　　…

　　　　　</form>

　▷ 주요 속성

　　 ＊action="URL" → 폼 데이터를 전달받아 처리할 페이지의 URL

　　 ＊method="전송방식" → 데이터 전송에 사용하는 HTTP 방법

　　　 ☞ method="get" 또는 method="post"

　　 ＊name, accept-charset, autocomplete, enctype, novalidate, target

<form> method 속성값

	method="get"	method="post"
전송 형태	기본값. 폼 데이터가 이름과 값의 형태로 URL에 포함되어 전송 “URL?name=value&name=value”	HTTP Request 헤더 속에 포함시켜 전송
데이터 길이	최대 2048 글자 (4096바이트)	제약 없음
보안	보안이 중요하지 않은 데이터(예: 검색어) 전달에 사용 ‘이전페이지’ 버튼을 통한 이동 가능	보안이 필요한 로그인 정보, 회원 정보 등의 전송에 사용 ‘이전페이지’를 누르면 데이터를 다시 보내야 한다는 경고가 표시

<form> 태그