59doit

HTML 입력양식 (1) 입력폼 본문

HTML & CSS

HTML 입력양식 (1) 입력폼

yul_S2 2023. 3. 6. 23:11
반응형

form

웹 페이지에서는 form 요소를 사용하여 사용자로부터 입력을 받을 수 있다.

또한, 사용자가 입력한 데이터를 서버로 보낼 때에도 form 요소를 사용한다.

 

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

 

action

action 속성은 입력받은 데이터를 처리할 서버 상의 URL 주소를 명시한다.
전달받은 데이터를 처리하는 서버 프로그램을 폼 핸들러(form-handler)라고 한다.

 

 

method

method 속성은 입력받은 데이터를 서버에 전달할 방식을 명시한다. 따라서 사용자가 form 요소를 통해 입력한 데이터는 action 속성에 명시된 위치로 method 속성의 방식을 통해 전달된다. method 속성을 통해 명시할 수 있는 form 요소의 전달 방식은 GET 방식과 POST 방식으로 나눠진다.

 

 

GET 방식

GET 방식은 주소에 데이터(data)를 추가하여 전달하는 방식이다. 데이터가 주소 입력창에 그대로 나타나며, 전송할 수 있는 데이터의 크기 또한 제한적이다. 따라서 검색 엔진의 쿼리(query)와 같이 크기가 작고 중요도가 낮은 정보를 보낼 때 주로 사용한다

 

 

POST

POST 방식은 데이터(data)를 별도로 첨부하여 전달하는 방식이다. 데이터가 외부에 드러나지 않으며, 전송할 수 있는 데이터의 크기 또한 제한이 없다. 따라서 보안성 및 활용성이 GET 방식보다 좋다.

반응형

'HTML & CSS' 카테고리의 다른 글

HTML 입력양식 (3) 속성  (1) 2023.03.08
HTML 입력양식 (2) 타입  (2) 2023.03.07
HTML 기본요소 (7) 테이블  (0) 2023.03.05
HTML 기본요소 (6) 리스트  (0) 2023.02.09
HTML 기본요소 (5) 이미지  (7) 2023.02.09
Comments