enctype属性

form要素のenctype属性は、送信データのエンコード・タイプを指定する属性。form要素のmethod属性がpostのときだけ使う。

ブラウザ対応

構文

<form enctype="エンコード・タイプ"></form>

エンコード・タイプ

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

サンプルコード

application/x-www-form-urlencoded

<form action="sample.php" method="post" enctype="application/x-www-form-urlencoded">
	<p>入力欄： <input type="text" name="sampleInput"></p>
	<p><input type="submit" value="送信"></p>
</form>

multipart/form-data

<form action="sample.php" method="post" enctype="multipart/form-data">
	<p>ファイル入力欄： <input type="file" name="sampleInput"></p>
	<p><input type="submit" value="送信"></p>
</form>

text/plain

<form action="sample.php" method="post" enctype="text/plain">
	<p>入力欄： <input type="text" name="sampleInput"></p>
	<p><input type="submit" value="送信"></p>
</form>

サンプル

HTMLソースコード

<form action="sample-form.php" method="post" target="_blank" enctype="application/x-www-form-urlencoded">
	<p>サンプル入力欄： <input type="text" name="sampleInput"></p>
	<p><input type="submit" value="送信"></p>
</form>

実際の表示

サンプル入力欄：