#HTML. Form 태그

SUM·2020년 12월 14일
0

1. Form 태그란 무엇인가


form 태그는 웹 페이지에서 입력 양식을 말한다.
로그인 창이나, 회원가입 폼 등..
어떠한 데이터를 통째로 넘기고 받는 것이 바로 form 태그를 사용하는 부분이 되겠다.

2. Form 태그의 구성요소


그렇다면 form 태그의 구성요소는 무엇이 있을까?

  • action : 폼을 전송할 서버 쪽 스크립트 파일을 지정
  • method : 서버에 전송할 http 메소드 (GET or POST)
  • name : 폼을 식별하기 위한 이름
  • input의 type : 입력받을 요소의 종류를 정한다. number, text, password 등. 반드시 맞는 것으로 입력해야 한다.
  • label : 폼 위젯과 라벨을 연결하는데 사용하는 것으로 input의 이름을 작성한다. 클릭을 하면 해당 input 박스가 활성화되고 접근성적 측면에서도 사용해 주는 게 좋다.

3. POST OR GET


POST 방식은 지정된 리소스에서 데이터를 처리할 수 있다. (추가/수정/삭제 등) 데이터가 외부에 노출되지 않기 때문에 보안상의 이유가 있다면 POST 방식을 사용하는 것이 적절하다.
(보내는 용도)

GET 방식은 URL 끝에 데이터를 붙여 보내며 데이터가 외부에 노출되어 보안에 취약합니다. GET 방식은 지정된 리소스에서 데이터를 요청하는 경우에만 사용합니다.
(받아 보는 용도)

profile
#코린이탈출#프론트엔드준비

0개의 댓글