[HTML] Form과 Input 태그 (2)

https://studybloghcs.tistory.com/14

[HTML] Form과 Input 태그

이전에 썼던 글을 다시 소환, Form은 페이지의 정보 전달을 위한 하나의 영역이다.

INPUT은 정보 전달을 위한 태그

 

오늘은 정보의 전달을 확인하는 시간을 갖도록 하겠다.

 

 

 

일단 폼 안에, 텍스트 input을 만들어 놓고, name 설정 (각각 a, b)

그리고 제출 input을 만든다.

 

그리고 form의 메서드 속성에 get을 집어넣었다.

 

 

 

 

 

각각의 네모박스에 1과 2를 넣고, 제출 버튼을 누르면

원했던 페이지로 이동하게 되고, 주소창에 a=1 와 b=2 가 나타난다.

정보 전달이 되었다는 것을 확인할 수 있다.

 

 

 

 

이번에는 메서드에 get이 아닌 post를 넣었다.

 

 

 

get과는 달리 post는 주소창에 입력했던 정보가 나타나지 않는다.

 

 

 

get

메서드로 굳이 설정하지 않아도, 기본적인 FORM의 성질. 주소창에 입력한 정보를 나타낸다.

 

 

post

주소창에 입력했던 정보를 나타내지 않지만, 정보는 전달된게 맞다. 아이디, 비밀번호같은 민감한 정보를

전달할 경우에 주로 사용되고, textarea태그를 사용할 때 처럼 입력한 값이 길 경우에도 사용된다.