11_form 태그

웹페이지는 사용자와 서버간의 상호작용이 가능하다. 입력한 것을 서버로 보내면 서버는 그것을 처리하여 사용자에게 보여준다. 이렇게 서버로 정보를 보내는 역할을 하는 것이 form이다.

form의 속성

- action : 보낼 서버의 주소

- method : 서버에게 보내는 방법 (GET, POST, PUT, DELETE)를 정하는 속성

* 가장 일반적으로 쓰이는 속성(GET, POST)

GET - URL에 전송하는 내용이 노출된다. 속도는 빠르지만 보낼 수 있는 용량이 작고, 보안성이 취약하다.

POST - URL에  전송하는 내용이 노출되지 않는다.

이렇게 폼안에 서버의 주소와 보내는 방법을 정해주고 그 안에서 input 태그를 이용해서 정보를 입력받고 그 정보를 보내게 된다.

폼에서 보낼 서버의 주소는 적지 않았고 보내는 방식은 GET으로 설정하였다.

form태그 안에 input 태그 2개가 있는 것을 확인할 수 있다. 타입은 text이며 각각의 이름은 firstname과 lastname이며 value값은 설정하지 않았다.

그리고 서버에 전송하는 버튼인 submit을 추가 했다.

실행화면이다

이렇게 값을 넣고 submit을 누르면

주소창이 이렇게 바뀌는 것을 확인할 수 있다. get 방식은 이런 형태로 서버에 전송하는것을 확인할 수 있는데 ? 뒤에 변수명:입력된값&변수명:입력된값 이런식으로 전송이 되기때문에 보는바와 같이 모든 정보가 노출 되기 때문에 보안에 취약하다.

하지만 post방식으로 설정하고 submit을 누르면 정보가 노출되지 않는것을 확인 할 수 있다.