[프로그래밍] HTML5 폼

*HTML5 폼(form)

- 폼이란 사용자의 데이터를 서버에 전송하는 방법이다. 일반적으로 아래와 같은 작업을 하기 위해서는 폼을 이용한다.

- 로그인을 위해서 아이디/비밀번호를 입력할 때

- 회원가입을 하기 위해서 개인정보를 입력할 때

- 블로그나 게시판에 글을 작성하거나, 파일을 전송할 때

 

*폼의 문법

- <form> 태그 안쪽에 텍스트를 입력 받는 텍스트 필드나, 원하는 항목을 선택 할 수 있는 라디오 버튼등이 위치한다. 

- 이러한 요소들을 컨트롤 (control)이라고 부른다.

- 사용자가 컨트롤을 조작한 후에 전송 버튼을 누르면 <form> 태그의 속성인 action에 기술된 URL로 사용자가 입력한 정보를 전송한다. 

- 서버는 이 정보를 받아서 저장하거나, 계산된 결과를 보여주는 등의 작업을 수행하게 된다.

- <form action="서버로 전송한 데이터를 수신할 URL" method="데이터를 전송하는 방법">

    텍스트 필드, 라디오 버튼, 체크 박스와 같은 컨트롤을 생성하는 태그

    </form>

- action : 사용자가 입력한 데이터를 전송할 서버의 URL

- method : 사용자가 입력한 데이터를 전송하는 방법으로 아래와 같은 방식이 있다.

- get : action에 입력한 URL에 파라미터의 형태로 전송

- post : header의 body에 포함해서 전송

 

*GET

- GET 방식은 브라우저에서 서버에 주어진 리소스를 전달해달라고 말하기 위해 사용되는 방식이다.

- "이봐 서버 난 이 리소스를 원해" 이 경우 브라우저는 바디가 비어 있는 요청을 하게 된다.

- 바디가 비어 있기 때문에, 만약 폼이 이 방식를 통하여 전송 하는 경우 데이터는 URL에 포함되어 서버로 보내진다 

 

*POST

- 이는 브라우저의 HTTP요청 바디안에 제공되는 데이터를 고려한 응답을 요구하기 위해 서버로 보내는 방식이다.

- "이봐 서버 이 데이터를 보고 이거에 맞는 데이터를 보내봐" 만약 폼이 이 방식으로 사용하여 요청을 한다면 데이터는 HTTP요청 바디에 추가되어 전송된다.

- 그래서 GET 요청은 사용자에게 URL바에서 데이터를 볼 수있지만,  POST 요청은 그러지 못한다.

- 만약 패스워드를 전송해야 되는 경우(또는 민간한 데이터의 부분), 절대 URL 바에 데이터를 출력하는 GET 방식을 사용해서는 안된다.

- 만약 거대한 데이터를 보내는 경우 POST 방식이 선호 된다.

- 왜냐하면 몇몇 브라우저는 URL들의 크기를 제한하기 떄문이다.

- 또한 많은 서버들이 URL들의 길이를 제한한다.