フォームのenctype属性

HTML DOM Form オブジェクト

定義と用法

enctype 属性設定またはフォームのenctype属性の値を返却します。

HTMLのenctype属性は、フォームデータをサーバーに送信する前にどのようにエンコードされるべきかを指定します。

デフォルトでは、フォームデータは "application/x-www-form-urlencoded" でエンコードされます。これは、すべての文字がサーバーに送信される前にエンコードされることを意味します（スペースは "+" 符号に、特殊文字は ASCII HEX 値に変換されます）。

参照：

HTMLリファレンスマニュアル：HTML <form> enctype 属性

例

例1

フォームデータをサーバーに送信する前にどのようにエンコードされるべきかを返却します：

var x = document.getElementById("myForm").enctype;

自分で試してみてください

例2

enctype値を変更し、フォームデータをサーバーに送信する前にフォームデータがどのようにエンコードされるべきかを設定します：

document.getElementById("myForm").enctype = "multipart/form-data";

自分で試してみてください

文法

enctype属性の返却：

formObject.enctype

enctype属性の設定：

formObject.enctype = "application/x-www-form-urlencoded,multipart/form-data,text/plain"

属性値

値 説明
application/x-www-form-urlencoded すべての文字が送信前にエンコードされます（デフォルト）。
multipart/form-data 文字はエンコードされません。ファイルアップロードコンポーネントを持つフォームを使用する場合、この値は必須です。
text/plain スペースは "+" 符号に変換されますが、特殊文字はエンコードされません。

技術的詳細

返り値： 文字列の値で、フォームデータをサーバーに送信する前にどのようにエンコードするかを示します。

ブラウザのサポート

このテーブルの数字には、その属性を完全にサポートする最初のブラウザのバージョンが示されています。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート サポート サポート

HTML DOM Form オブジェクト