[HTML] form 태그란? (ft. 서버와 클라이언트)

>  서버와 클라이언트

서버 : 정보를 제공하는 호스트.

클라이언트 : 정보를 받아 이용하는 사용자.

 

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

ex. 티스토리 홈페이지 주소 입력(요청) → 티스토리 웹페이지 제공(응답) → 웹브라우저에서 티스토리 홈페이지 오픈 완료!

 

클라이언트가 요청하는 것에 따라 응답이 달라질 수 있음.

ex. 로그인할 때 / 비밀번호를 올바르게 입력하면 로그인 가능 or 비밀번호를 잘못 입력하면, 로그인 불가능.

 

---

>  form 태그

• 클라이언트가 입력한 데이터를 서버로 보내기 위해 사용하는 태그.
• 입력 요소(ex. input, select, textarea)를 감싸며, 입력값을 서버로 제출(submit)함.
• form의 입력값을 제출하기 위해 input 태그의 submit 타입 사용 가능.

 

ex.

 

---

>  form의 속성

• action 속성 : 입력값을 전송할 서버의 주소(url)를 지정하는 속성.
• method 속성 : 입력값의 전송 방식(GET or POST)을 지정하는 속성.

 

ex.

+ example.php 라는 서버 프로그램으로 입력값을 전송하여 요청하고,

   POST 방식으로 전송할 것이라는 의미!

 

---

>  GET vs POST

 

▶ GET

서버에 요청을 보내 응답을 받아내는 것.

서버로부터 정보를 '가져오겠다'는 성격의 요청.

 

▶ POST

서버에 요청을 보내 작업을 수행하는 것.

서버에 있는 데이터를 추가/수정/삭제한 후에 응답을 받아냄.

서버의 정보를 '조작하겠다'는 성격의 요청.

 

---

>  form 태그 예시