<input> 태그의 formmethod 속성
HTML <input> 태그 ⇒
정의 및 특징
<input> 태그의 formmethod 속성은 폼 데이터(form data)가 서버로 제출될 때 사용할 HTTP 메소드를 명시합니다.
이 속성은 <input> 요소의 type 속성값이 “submit” 또는 “image”인 경우에만 사용할 수 있으며, <form> 요소의 method 속성값을 재정의(overriding)합니다.
formmethod 속성은 속성값으로 GET과 POST 두 가지 중 하나를 선택할 수 있습니다.
GET 방식은 URL에 폼 데이터를 추가하여 서버로 전달하는 방식입니다.
GET 방식의 HTTP 요청은 브라우저에 의해 캐시되어(cached) 저장됩니다.
또한, GET 방식은 보통 쿼리 문자열(query string)에 포함되어 전송되므로, 길이의 제한이 있습니다.
따라서 보안상 취약점이 존재하므로, 중요한 데이터는 POST 방식을 사용하여 요청하는 것이 좋습니다.
POST 방식은 폼 데이터를 별도로 첨부하여 서버로 전달하는 방식입니다.
POST 방식의 HTTP 요청은 브라우저에 의해 캐시되지 않으므로, 브라우저 히스토리에도 남지 않습니다.
또한, POST 방식의 HTTP 요청에 의한 데이터는 쿼리 문자열과는 별도로 전송됩니다.
따라서 데이터의 길이에 대한 제한도 없으며, GET 방식보다 보안성이 높습니다.
문법
| <input type="submit" formmethod="get|post"> |
속성값
| 속성값 | 설명 | |
|---|---|---|
|
get |
기본값으로, 폼 데이터를 HTTP GET 메소드로 전송함. ex) URL?name=value&name=value&... |
|
| post |
폼 데이터를 HTTP POST 메소드로 전송함. |
예제
<form action="/examples/media/action_target.php" method="get">
이름 : <input type="text" name="st_name"><br>
학번 : <input type="text" name="st_id"><br>
<input type="submit" formmethod="GET">
<input type="submit" formmethod="POST" value="POST 방식으로 제출">
</form>
지원하는 브라우저 및 버전
| 속성명 |
|
|
|
|
|
|
|---|---|---|---|---|---|---|
| formmethod | 9.0 | 지원함 | 10.0 | 4.0 | 5.1 | 10.6 |
HTML5에서 변경된 사항
formmethod 속성은 HTML5에서 <input> 태그에 새롭게 추가된 속성입니다.
