버튼 formMethod 속성

HTML DOM Button 객체

정의와 사용법

formMethod 속성 설정 또는 버튼의 formmethod 속성 의 값

formmethod 속성은 보내는 표单 데이터에서 사용하는 HTTP 메서드를 정의합니다. 이 속성은 표单의 method 속성을 대체합니다

formmethod 속성은 type="submit"의 버튼에만 사용됩니다

표单 데이터는 URL 변수로 (method="get" 사용) 또는 HTTP post로 (method="post" 사용) 전송될 수 있습니다

get 메서드에 대한 주의사항:

  • 표单 데이터를 이름/값 쌍의 형태로 URL에 추가합니다
  • 사용자가 결과에 북마크를 추가하고자 하는 표单 제출에 유용합니다
  • URL에 저장할 수 있는 데이터량은 제한적입니다（브라우저에 따라 다름），따라서 모든 표单 데이터가 올바르게 전송될 것을 확신할 수 없습니다
  • 감쪽 정보를 "get" 메서드로 전달하지 마세요！（비밀번호나 다른 감쪽 정보는 브라우저의 주소 탐색기에 표시됩니다）

post 메서드에 대한 주의사항:

  • 표单 데이터를 HTTP post 트랜잭션으로 보냅니다
  • post 메서드로 제출된 표单은 북마크를 추가할 수 없습니다
  • get보다 강력하고 안전합니다
  • 크기 제한이 없습니다

주의사항:formmethod 속성 HTML5에서 <button> 요소의 새로운 속성입니다.

예제

예제 1

보내는 표单 데이터에서 사용하는 HTTP 메서드 반환:

var x = document.getElementById("myBtn").formMethod;

직접 시도해보세요

예제 2

보내는 표单 데이터 방법 변경:

document.getElementById("myBtn").formMethod = "post";

직접 시도해보세요

예제 3

다른 formMethod 속성 반환 예제:

var x = document.getElementById("myBtn").formMethod;

직접 시도해보세요

문법

formMethod 속성 반환:

buttonObject.formMethod

formMethod 속성 설정:

buttonObject.formMethod = get|post

속성 값

값 설명
get 양식 데이터를 URL에 추가: URL?name=value&name=value
post 양식 데이터를 HTTP post 이벤트로 전송

기술 세부 사항

반환 값: 서버에 형식을 제출하기 위한 HTTP 메서드를 나타내는 문자열 값.

브라우저 지원

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 10.0 지원 지원 지원

관련 페이지

HTML 참조 매뉴얼:HTML <button> formmethod 속성

HTML DOM Button 객체