<Form> 태그

 

 

웹브라우저에서 서버로 데이터를 전송하기 위해서는 HTML에서 form 태그를 사용해야 한다. form 태그는 값을 다루는 태그들을 사이에 넣어주고 submit 타입의 input태그를 만들어주면 된다.

 

 

 

전송

 

   <form action="http://localhost:8080/post_create"  method="get">
        <p><input type="text" value="제목" name="title"></p>
        <textarea name="description">내용</textarea></br>
        <input type="submit" value="전송">
    </form>

 

전송결과
전송 결과

 

<form>태그의 데이터 전송 방법 두 가지

 

GET방식

 

  • 주소에 전송하는 데이터를 보여준다.
  • 전송 시 QueryString을 사용
  • 사용자가 서버의 데이터를 가져올 때 사용
  • 서버에 데이터를 삭제, 생성, 업데이트할 때 GET방식을 사용하는 것은 위험
  • 위에 사진 처럼 전송하는 데이터 값이 주소에 노출됨

 

 

POST방식

 

  • 사용자 입력값을 QueryString으로 전송하지 않음
  • 눈에 보이지 않는 방식으로 전송
  • 대용량 데이터도 전송 가능

 

사용방법

 

   <form action="http://localhost:8080/post_create"  method="get"> //get방식
   <form action="http://localhost:8080/post_create"  method="post">//post방식
저작자표시