웹 페이지에서는 form 요소를 사용하여 사용자로부터 입력을 받을 수 있다.
또한, 사용자가 입력한 데이터를 서버로 보낼 때에도 form 요소를 사용한다.
form 요소는 다음과 같은 문법으로 사용한다.
<form action="처리할페이지주소" method="get/post"></form>
action 속성은 입력받은 데이터를 처리할 서버 상의 스크립트 파일의 주소를 명시한다.
전달받은 데이터를 처리하는 스크립트 파일을 폼 핸들러(form-handler)라고 한다.
method 속성은 입력받은 데이터를 서버에 전달할 방식을 명시한다.
따라서 사용자가 form 요소를 통해 입력한 데이터는 action 속성에 명시된 위치로
method 속성의 방식을 통해 전달된다.
method 속성
- GET 방식
- 주소에 data를 추가하여 전달하는 방식
- 데이터가 주소 입력창에 그대로 나타나며, 보안성이 낮다.
- POST 방식
- 데이터를 별도로 첨부하여 전달하는 방식
- 데이터가 외부에 드러나지 않으며, 전송할 수 있는 데이터의 크기 또한 제한이 없다.
- 보안성 및 활용성이 GET 방식보다 좋다.
반응형
'Web' 카테고리의 다른 글
Responsive web를 만들기 위한 참고 내용 (0) | 2021.03.23 |
---|---|
How The Internet Works (0) | 2020.11.02 |
웹의 동작 원리 (0) | 2020.07.28 |
인터넷 주소 체계 (0) | 2020.07.28 |
[Web Basic #2] HTML 기초 (0) | 2020.01.30 |