formenctype属性

button要素のformenctype属性は、送信データのエンコード・タイプを指定する属性。

ブラウザ対応

構文

<button type="submit" formenctype="エンコード・タイプ">ボタン名</button>

エンコード・タイプ

  • application/x-www-form-urlencoded： 全ての文字をURLエンコードする。初期設定値。
  • multipart/form-data： フォームにファイルを送信する機能がある場合に指定する。
  • text/plain： スペースだけ「+」記号に変換する。その他の特殊文字はエンコードしない。

要点

  • formenctype属性は、送信データのエンコード・タイプを指定する属性である。
  • button要素のformenctype属性に指定したエンコード・タイプは、button要素が所属するform要素のenctype属性に指定したエンコード・タイプよりも優先される。
  • formenctype属性は、button要素が送信ボタン（type属性がsubmit）であるときに使う。
  • formenctype属性は、HTML5にて新たに導入された属性である。

サンプルコード

<button type="submit" formenctype="application/x-www-form-urlencoded">送信</button>

<button formenctype="application/x-www-form-urlencoded">送信</button>

サンプル

HTMLソースコード

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

実際の表示