formmethod属性

button要素のformmethod属性は、送信時のHTTPメソッドを指定する属性。

ブラウザ対応

構文

<button type="submit" formmethod="HTTPメソッド">ボタン名</button>

HTTPメソッド

get
URLの後にデータを付け加えて送信。
例： URL?nameA=valueA&nameB=valueB&nameC=valueC
post
URLの後にデータを付け加えないで、ボディ部に格納して送信。

要点

  • formmethod属性は、送信時のHTTPメソッドを指定する属性である。
  • button要素のformmethod属性に指定したHTTPメソッドは、button要素が所属するform要素のmethod属性に指定したHTTPメソッドよりも優先される。
  • formmethod属性は、button要素が送信ボタン（type属性がsubmit）であるときに使う。
  • formmethod属性は、HTML5にて新たに導入された属性である。

サンプルコード

get

<button type="submit" formmethod="get">送信</button>

<button formmethod="get">送信</button>

post

<button type="submit" formmethod="post">送信</button>

<button formmethod="post">送信</button>

サンプル

HTMLソースコード

<form action="sample-button.php" method="get" target="_blank">
	<p>
		<label>
			１行テキスト入力欄：
			<input name="sampleName">
		</label>
	</p>
	<p>
		<button formmethod="post">type属性なし</button>
		<button type="submit" formmethod="post">送信ボタン</button>
		<button type="reset">リセットボタン</button>
		<button type="button">汎用ボタン</button>
	</p>
</form>

実際の表示