Form 태그

Form 태그

form 태그는 사용자가 입력한 정보등을 서버나 다른 페이지로 전송하는 역할을한다.

전송을 위해서는 action지정과 submit버튼이 필요하며

기본적으로 전송방식에는 get, post가 있다.

속성

- method : 전송방식(get, post)

- action : 전송할 주소

사용법

<form method="" action="">
    <input type="text" name="id">
    <button type="submit">전송</button>
</form>

버튼타입을 지정하지 않아도 자동으로 submit로 지정된다.

Get, Post 사용

get

· 보안에 취약
· 데이터 크기 제약

post

· get에비해 보안 좋음
· 데이터 크기 제약 x

로그인을 한다고 예시를 들어보자

https://wmsttks.tistory.com/id=user1&pw=1234

get방식은 위와같이 아이디와 비밀번호가 url상에서 노출된다.

하지만 post방식은 url에 노출되지 않는다.

굳이 가릴 필요가 없는 데이터에 한에서 get을 사용한다.

하지만 로그인, 회원가입과 같은 경우 유저의 정보가

url상에 그대로 노출되기 때문에 post방식을 사용한다.