HTML <button> formmethod 속성

HTML <button> 태그

정의와 사용법

formmethod 속성은 양식 데이터를 전송할 때 사용하는 HTTP 메서드를 정의합니다. 이 속성은 양식의 method 속성을 대체합니다.

formmethod 속성은 type="submit" 의 버튼.

양식 데이터는 URL 변수로 전송할 수 있습니다（사용 method="get") 또는 HTTP post로 전송（사용 method="post")

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

  • 양식 데이터를 이름/값 형식으로 URL에 추가합니다
  • 이는 사용자가 결과를 책签으로 추가하고자 하는 양식 제출에 매우 유용합니다
  • URL에 배치할 수 있는 데이터량은 제한적이며（브라우저에 따라 다름）， 따라서 모든 양식 데이터가 정확하게 전송될 수 없습니다.
  • 절대로 민감한 정보를传递할 때는 get 메서드를 사용하지 마세요！（비밀번호나 다른 민감한 정보는 브라우저의 주소 탐색기에 표시됩니다）

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

  • 양식 데이터를 HTTP POST 트랜잭션으로 전송합니다
  • post 메서드를 사용하여 제출된 양식은 책签으로 저장할 수 없습니다
  • get 메서드에 비해 post 메서드가 더 강력하고 안전합니다
  • 크기 제한이 없습니다

예제

두 개의 제출 버튼을 가진 양식. 첫 번째 제출 버튼은 method="get"를 사용하여 양식 데이터를 제출하고, 두 번째 제출 버튼은 method="post"를 사용하여 양식 데이터를 제출합니다：

<form action="/action_page.php" method="get">
  <label for="fname">이름:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">성:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <button type="submit">제출</button>
  <button type="submit" formmethod="post">POST로 제출 사용</button>
</form>

직접 시도해 보세요

문법

<button type="submit" formmethod="get|post">

속성 값

값 설명
get URL에 폼 데이터를 추가합니다:URL?name=value&name=value。
post 폼 데이터를 HTTP POST 이벤트로 전송합니다.

브라우저 지원

표에 나타난 숫자는 이 속성을 최초로 완전히 지원하는 브라우저 버전을 나타냅니다.

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
9.0 10.0 4.0 5.1 15.0

주의사항:formmethod 속성은 HTML 5에서 새로운 속성입니다.

HTML <button> 태그