HTML에서 폼(form) 데이터를 서버로 전송할 때 사용할 HTTP 메서드를 지정하려면 method 속성을 사용합니다. 이 속성은 <form> 태그 안에 작성되며, 일반적으로 get과 post 두 가지 값을 가집니다.
method 속성의 주요 값
- get(기본값): 폼 데이터가 URL 뒤에 쿼리 문자열 형태로 붙어 전송됩니다. 검색어 조회처럼 간단하고 노출이 허용되는 요청에 적합합니다.
- post: 폼 데이터가 HTTP 요청 본문(body)에 담겨 전송됩니다. 비밀번호 같은 민감한 정보나 대용량 데이터를 보낼 때 권장됩니다.
예제
다음 코드는 method 속성을 실제로 구현하는 방법을 보여줍니다. 아래 예제에서는 post 방식으로 데이터를 전송하도록 설정했습니다.
<!DOCTYPE html> <html> <head> <title>HTML option Tag</title> </head> <body> <form action = "/cgi-bin/dropdown.cgi" method = "post"> <select name = "dropdown"> <option value = "HTML" selected>HTML</option> <option value = "Ruby">Ruby</option> </select> <input type = "submit" value = "Submit" /> </form> </body> </html>
위 예제처럼 action 속성에는 데이터를 처리할 서버 스크립트 경로를 지정하고, method 속성에는 원하는 HTTP 메서드를 명시하면 됩니다. method 속성을 생략하면 기본값인 get 방식으로 전송되므로, 용도에 맞게 반드시 확인하는 것이 좋습니다.