[CSS]#9 form태그(action & method)

HTML코드 <form 태그>

form은 아주 중요한 2가지 속성(attribute)를 가지고 있다. 

1. action 2. method

 

e.g.) <form action="friends.html" method="" id="호롤롤로">

<input type="text" placeholder="Email or Phone" />

</form>

 

1.action은 어떤 페이지로 data를 보낼 건지 지정할 수 있다. 

예시 코드를 보며 frineds.html 로 보낸다고 돼있으니 이 html파일이 있어야 겠죠?

2.method는 2가지 방식 중 하나를 쓸 수 있다. 

   1) POST   2) GET 

*POST는 백엔드 서버에 정보를 전송하는 방식: 우리는 서버를 가지고 있지 않기 때문에 지금은 사용X 

그래서 GET방식을 사용할 것인데 GET 방식은 보안에 취약함-> username , password를 GET방식으로 보내면 안됨

*GET 방식: URL에 포함되어도 상관없는 정보들을 GET방식으로 보내는 것이 바람직하다. 

※ 정보 보안성 : POST > GET

 

 

 

get방식

freinds.html 으로 화면이 전환되고 URL에 내가 적은 정보가 쓰여있다.

중요한 점은 method에 get을 써주는 것

action="friends.html"으로 data(정보)를 보낸다고 명시하고 method에서 get방식으로 처리한다.