본문 바로가기
프로그래밍/HTML

12 폼 <form>과 method 속성

by 윤지(●'◡'●) 2021. 4. 18.
반응형


폼 <form>

 

웹페이지에서 사용자로부터 입력을 받을 떄 사용하는 태그이다.
사용자가 입력한 데이터를 서버로 보낼 때 form요소를 사용한다.

 

[문법]

<form action="처리할페이지주소" method="get or post"></form>

action 속성은 입력받은 데이터를 처리할 서버 상의 스크립트 파일의 주소를 명시한다.

이렇게 전달받은 데이터를 처리하는 스크립트 파일을 폼 핸들러(form-handler)라고 한다.

 

method 속성은 입력받은 데이터를 서버에 전달할 방식을 명시한다.

 

즉, 사용자가 form 요소를 통해 입력한 데이터는 action 속성에 명시된 위치로 method 속성의 방식을 통해 전달된다.

 

 


 

method 속성

 

method 속성을 통해 명시할 수 있는 form 요소의 전달 방식은 GET 방식과 POST 방식으로 나눠진다.

 

 

GET POST

- 데이터(data)를 URL에 추가하여 전달함
(데이터가 주소 입력창에 그대로 나타남)

- 전송할 수 있는 데이터의 크기가 제한적임

- 크기가 작고 중요도가 낮은 정보를 보낼 때 사용함

- 데이터(data)를 별도로 첨부하여 전달함
(데이터가 외부에 드러나지 않음)

- 전송할 수 있는 데이터의 크기 제한이 없음


-보안성 및 활용성이 GET 방식보다 좋음.

 

반응형

'프로그래밍 > HTML' 카테고리의 다른 글

14 입력상자 <input>의 요소 2  (0) 2021.04.19
13 입력상자 <input>의 요소 1  (0) 2021.04.18
11 아이프레임 <iframe>  (0) 2021.04.18
10 뉴스 페이지를 만들어보자  (0) 2021.04.17

댓글