formmethod属性

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

ブラウザ対応

構文

<input formmethod="HTTPメソッド">

HTTPメソッド

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

要点

  • formmethod属性は、送信時のHTTPメソッドを指定する属性である。
  • input要素のformmethod属性に指定したHTTPメソッドは、input要素が所属するform要素のmethod属性に指定したHTTPメソッドよりも優先される。
  • formmethod属性は、HTML5にて新たに導入された属性である。

formmethod属性に対応しているinput要素のタイプ（type属性値）

submit image

サンプルコード

送信ボタン

<p><input type="submit" value="送信" formmethod="post"></p>

画像ボタン

<p><input type="image" src="sample.png" alt="送信" formmethod="post"></p>

サンプル

HTMLソースコード

<form action="sample-input.php" target="_blank">
	<p>
		<label>
			１行テキスト入力欄：
			<input name="sampleName">
		</label>
	</p>
	<p>
		送信ボタン： <input type="submit" formmethod="post">
	</p>
	<p>
		画像ボタン： <input type="image" src="input-type-image.png" formmethod="post">
	</p>
</form>

実際の表示

送信ボタン：

画像ボタン：