오늘 태그 이야기는 form태그의 기본 구조에 관한 것이다.
form 태그는 다른 태그류와는 다소 다른 구조적 특성을 가지고 있고 전송 방식에 대한 이해도 필요한 태그이다. form 태그의 경우 다룰 양이 상대적으로 많음으로 태그관련 이야기에서 수회에 걸쳐 연재해 보려고 한다.
오늘은 그 첫번째로 form 태그의 이론적 부분과 기본 구조에 대한 이야기를 해 보자.
아래는 가장 기본적인 form 태그를 구현해 본 것이다. 뭐.. form 태그의 핵심(?) 이라 할 수 있는 input태그가 입력되지 않아서 브라우저에 표시되는 내용은 별게 없다. 텍스트는 임의대로 입력한 것.
아무튼, form 태그는 input 등의 form 태그 관련 세부 태그를 담는 가장 상위의 태그라 생각하면 되겠다. form 태그에 필수적인 속성이 바로 action 속성이다.
action 속성은 폼으로 입력받은 내용을 어디로 전송할지.. 그 URL을 입력하는 란이다. 지극히 당연한 부분이지만 action 값이 없으면 사용자에게 입력받은 내용을 서버에 전송 자체를 할 수가 없다. 좌표를 알아야 전송을 할 수 있는 것이니 말이다.
action과 더불어 method 속성과 id 속성값도 있다.
id 속성값은..
나중에 따로 다루겠지만 페이지에 있는 폼을 식별하기 위한 것이다.
method 속성은 전송 방식을 설정하는 것이다. get과 post 값이 있으며 method 값을 지정하지 않으면 기본 속성값으로 get 값으로 전송을 하게 된다.
- get : 검색박스 등의 간단한 폼, 단순 데이터 조회용 폼.
- post : 데이터베이스에 정보가 추가되는 경우, 파일 업로드, 민감한 데이터, 전송 데이터 자체가 긴 경우.
get 방식은 비교적 간단한 폼에 적용하는 방식으로 폼의 값은 action 속성에서 지정한 url의 끝에 추가된다. 반면, post 방식은 http 헤더에 추가되는 방식이다.
