Button formEnctype 属性

HTML DOM Button オブジェクト

定義と用法

formEnctype 属性設定または返却 formenctype 属性 の値を覆します。

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

formenctype 属性は type="submit"のボタンにのみ適用されます。

注記：formenctype 属性 HTML5の<button>要素の新しい属性です。

例

例 1

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

var x = document.getElementById("myBtn").formEnctype;

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

例 2

ボタンの formenctype 属性値を "text/plain" から "application/x-www-form-urlencoded" に変更します：

document.getElementById("myBtn").formEnctype = "application/x-www-form-urlencoded";

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

例 3

formEnctype 属性の返却例の別：

var x = document.getElementById("myBtn").formEnctype;

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

文法

formEnctype 属性の返却：

buttonObject.formEnctype

formEnctype 属性の設定：

buttonObject.formEnctype = "application/x-www-form-urlencoded,multipart/form-data,text/plain"

属性値

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

技術的詳細

返り値： フォームをサーバーに送信する内容のタイプを示す文字列値。

ブラウザサポート

クローム エッジ ファイアフォックス サファリ オペラ
クローム エッジ ファイアフォックス サファリ オペラ
サポート 10.0 サポート サポート サポート

関連ページ

HTML 参考マニュアル：HTML <button> formenctype 属性

HTML DOM Button オブジェクト