[HTML] 폼(form 태그)

HTML Form

HTML 에서 form 태그는 사용자의 입력 값을 처리하기 위해 쓰인다. <form> </form> 태그로 사용하고, form 태그 사이에는 input, label, button 등 form elements 들이 들어간다. 

 

form action

form 태그에서 action 속성은, form 태그 안에 있는 요소들에 의해서 제출된 사용자의 입력을 수행한다. action 속성은 다음과 같이 사용한다. <form action="~~~"> 

예를 들면, 위의 사진에서 이름을 입력하고 submit 버튼을 누르면 그 값을 서버에 보내는 등 처리할 때 쓰인다.

 

form target

target 속성은 위와 같이 사용한다. form에서 제출한 값을 action 속성에서 가르키는 서버 등이 처리하고, 그것을 어디에 나타낼 것인지를 정한다. 사진처럼 target 값에 "_blank" 를 주면 제출하는 버튼이나 제출했을 때 브라우저에서 새로운 창이 열리면서 그 창에 입력값을 처리한 정보들이 나타난다. Default 값은 "_self" 현재 사용자의 브라우저 창에서 나타난다. 

 

 

form method

method 속성 또한 form 데이터를 처리하기 위한 속성이다. GET 방식과 POST 방식이 있다. 

 

GET

• HTML에서 form 데이터를 처리하는 default 방식
• GET 방식을 이용하면 form 데이터가 URL에 나타나게 된다. 예를 들면 위에서 내 이름을 kang, ginger라고 GET 방식으로 입력하고 제출한다면 URL 꼬리에 내 이름이 나오게 되는 것 이다. 
• 이전의 특징 때문에 민감하고 중요한 정보는 GET 방식으로 처리하면 안된다.
• URL의 길이가 정해져 있다.

POST

• GET방식과 달리 URL에 form 데이터가 나타나지 않는다.
• 민감하고 중요한 정보나 큰 용량의 데이터를 보낼 때 사용한다.