English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML 참조 매뉴얼

HTML 태그 전체 목록

HTML: <button> formmethod 속성

이 문서는 HTML button formmethod 속성의 사용 방법을 설명하며, HTML button formmethod 속성, 브라우저 호환성, 문법 정의 및 속성 값 상세 정보 등을在线 예제로 보여줍니다.

 HTML <button> 태그

온라인 예제

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

!DOCTYPE html
<html>
<head>
<title>HTML:<button> formmethod 속성 - 기본 튜토리얼 웹3codebox.com</title>
<body>
<form action="action_page.php" method="get">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <button type="submit">기본 get 방식으로 제출</button>
  <button type="submit" formmethod="post">post 방식으로 제출</button>
</form>
</body>
</html>
테스트해 보세요 ‹/›

브라우저 호환성

IEFirefoxOperaChromeSafari

Internet Explorer 10, Firefox, Opera, Chrome, 및 Safari는 formmethod 속성을 지원합니다.

주의:Internet Explorer 9 및 이전 IE 버전은 formmethod 속성을 지원하지 않습니다.

정의 및 사용법

formmethod 속성은 양식 데이터를 전송할 때 사용할 HTTP 메서드를 지정합니다. 이 속성은 양식의 기본 메서드를 대체합니다.  method  속성.
formmethod 속성은 타입이 “ submit”인 버튼에만 사용됩니다.
양식 데이터는 URL 변수로 (method =“ get”를 사용하여) 또는 HTTP post로 (method =“ post”를 사용하여) 전송할 수 있습니다.
“GET” 메서드에 대한 주의사항:

  1. 양식 데이터를 이름으로 표시합니다/값을 URL에 추가하는 방식으로 템플릿을 연결합니다

  2. 사용자가 결과를 책签으로 추가하고자 하는 폼 제출에 매우 유용합니다

  3. URL에 얼마나 많은 데이터를 배치할 수 있는지는 제한적입니다(브라우저 간에 차이가 있을 수 있습니다),따라서 모든 폼 데이터가 올바르게 전송될 것이라는 것을 확정할 수 없습니다

  4. 감지 정보를 전달하는 데 "get" 메서드를 사용하지 마세요!(암호나 다른 감지 정보는 브라우저 주소 표시줄에 표시됩니다)

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

  1. 그것은 HTTP 후 이벤트로 폼 데이터를 전송합니다

  2. "post" 메서드를 사용한 폼 제출을 책签으로 추가할 수 없습니다

  3. 그것은 "가져오기"보다 강력하고 안전합니다

  4. 크기 제한이 없습니다 

HTML 4.01 와 HTML5간의 차이

formmethod 속성은 HTML 5 의 새로운 속성.

문법

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

속성 값

설명
getURL에 테이블 데이터를 추가하는 방식 (form-data):URL?name=value&name=value
postHTTP post 이벤트로 테이블 데이터를 전송하는 방식 (form-data)
 HTML <button> 태그