form 태그

• 사용자의 의견이나 정보를 알기 위해 큰 틀을 만드는 데 사용
• 대표적인 예 : 웹사이트의 로그인 폼, 회원가입 폼
• 한 페이지 안에서도 여러가지 폼이 사용됨

form 태그 동작방법

1. form 이 있는 웹 페이지 방문
2. form 을 입력
3. form 안에 있는 모든 데이터를 웹 서버로 보냄
4. 웹 서버는 받은 form data 를 처리하기 위해 웹 프로그램으로 넘깁니다.
5. 웹 프로그램은 form data를 처리ㅎ
6. 처리결과에 따른 새로운 html 페이지를 웹 서버에 보냄
7. 웹 서버는 받은 html 페이지를 브라우저에 보냄
8. 브라우저는 받은 html 페이지를 보여줌

form 태그 속성

• form 태그 속성에는 name, action, method, target 등이 있음
  form 속성을 이용하여 전송할 때 어디로 보내야 하는지, 어떤 방법으로 보낼지 정함

title	desc
action	form을 전송할 서버 쪽 스크립트 파일을 지정
name	form을 식별하기 위한 이름을 지정
accept-charset	form 전송에 사용할 문자 인코딩을 지정
target	action에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에 열도록 지정
method	form을 서버에 전송할 http 메소드를 정합 (GET / POST)

GET, POST

• 전송할 http 메소드의 종류
• 브라우저에서 form data를 가져와 서버로 보내는 기능 수행
• GET
  • 지정된 리소스에서 데이터를 요청하는 경우인 읽을 때 사용하는 메소드
  • 보안에 취약
  • form data를 URL 끝에 붙여서 눈에 보이게 보냄
• POST
  • 지정된 리소스에서 데이터를 처리할 경우
  • 수정, 삭제
  • 개인 정보 or 보안
  • 내부적으로 보이지 않게 보냄

[출처] https://www.nextree.co.kr/p8428/