form 태그

* form 태그란? : 사용자가 입력한 데이터 값을 서버로 보내기 위해 사용하는 태그

- 클라이언트(사용자)가 요청을 하면, 서버는 그에 대한 응답으로 정보를 제공함.

ex) 클라이언트가 네이버 주소를 입력함(요청)  → 서버는 홈페이지 html을 보내고 네이버 웹페이지를 보여줌(응답) 

 

- 클라이언트가 어떤 요청을 보내는지에 따라, 응답은 달라짐.

ex) 클라이언트가 아이디&비밀번호를 입력하여 로그인(요청) → 서버는 아이디와 비밀번호가 일치하는지 확인 →

      일치하면 로그인 완료 or 불일치하면 로그인 불가(응답) 

 

- 로그인 창에는 3개의 입력요소가 있는데, 아이디입력창&비밀번호입력창&로그인버튼으로 존재.

  form 태그는 로그인 양식과 비슷한 양식을 구성하고 있는 여러개의 입력 양식에 입력된 여러값들을 한꺼번에

 서버로 전송할 수 있게 도와주는 역할을 함.

 

- form은 입력 요소들을 감싸는 동시에, 입력 값을 서버로 submit(전달) 할 수 있음.

  input태그(입력형식을 구현하는 태그)는 form태그의 하위요소로써, form태그 하나로 묶이므로 하나의 양식으로써 역할을    함.

- form의 내용(입력값)을 제출하기 위해서 input 태그의 submit타입을 사용함! ( submit, button, reset, image등)

ex)  <input type = "submit" value ="전송">

 

* form의 속성

- action : 입력값을 전송할 서버의 url (서버프로그램주소나, 파일명등)

- method: 클라이언트가 입력한 데이터를 어떤 식으로 전송할지에 대한 것 (GET OR POST 등) . 즉, 전송할때의 방식

 

✔

- GET : 서버에 요청을 보내어 응답을 받음. 서버로부터 정보를 가져오겠다는 성격의 요청

           ex) 기상청의 날씨 정보를 가져올 때 

            ㄴ 입력된 모든 내용이 url에 포함되어 전송

 

- POST: 서버에 요청을 보내어 작업을 수행함. 서버에 있는 데이터를 추가/수정/삭제 한 후, 응답을 받음  

                즉, 서버의 정보를 조작하겠다 라는 성격의 요청 

              ㄴ 입력된 내용이 url에 노출안됨

 

/출처: https://www.youtube.com/watch?v=eXUxuCR9RKU&list=PLFeNz2ojQZjtQc7mt8E9fNzIh9or34A61&index=16