form表單---enctype屬性

TIGERB 發布于2019-08-02 16:05 / 2940人閱讀

摘要：表單中的屬性，可以告訴服務器，我們提供給它的內容的類型。屬性值表單中的屬性常用值，有以下三種注意或元素中，若使用會覆蓋屬性。表單只支持和請求。表單的屬性在中是有效的。屬性賦值不上上面的三種，會自動轉換為默認值。

知識點補充：

MIME類型：

服務器需要將發送的多媒體數據的類型告訴瀏覽器，而告訴瀏覽器的手段就是告知多媒體的MIME類型。

form表單中的enctype屬性，可以告訴服務器，我們提供給它的內容的MIME類型。

entry屬性值

form表單中的entry屬性常用值，有以下三種：
1、application/x-www-form-urlencoded
2、multipart/form-data
3、text/plain(HTML5)

注意：button或input元素中，若使用formenctype會覆蓋enctype屬性。

form表單只支持GET和POST請求。如果寫成其他類型，基本都會被自動識別為GET請求。
post
1、form表單的enctype屬性在post中是有效的。
2、enctype屬性賦值不上上面的三種，會自動轉換為默認值。
3、post請求，其url也寫了參數，則表單內容和url參數都會發送給服務器。
get
1、form表單的enctype屬性在get中會被忽略。
2、get請求的數據，會將其自動序列化為‘txt1=777&txt2=11’這種形式，并自動附加到url上。

另：
form表單提交的時候，若不寫action，會提交到當前頁面，如果是GET，在當前頁面url會自動添加參數。

application/x-www-form-urlencoded

enctype值為application/x-www-form-urlencoded
特點：會對特殊符號進行轉義

(1)method為post

form表單中的內容

(2)method為get

表單上提交的信息自動序列化為‘txt1=777&txt2=11’這個形式。

text/plain

enctype值為text/plain
作用：以存文本的形式進行編碼。不會對特殊字符進行編碼的。（可以看到轉為鍵=值，而且沒有看編碼的選項）

multipart/form-data

enctype值為multipart/form-data
作用：需要向服務器發送二進制數據時候使用。如提交文件時候。
不提交文件的情況：

提交文件的時候：

注意：用其他兩個enctype的值會發現，我們發送文件等二進制文件時候，只是將文件名發了過去。

content-disposition 和 content-transfer-encoding暫留

GPU云服務器云服務器 form屬性 form表單校驗 form表單插件 form表單判斷

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/54640.html

表單提交時編碼類型enctype詳解

摘要：以下引用，摘自規范的章節這不就是我們在回調函數里判斷返回數據的類型，并且是在請求頭中的那個玩意兒嗎沒錯就是它根據規范的基礎數據類型的說明，這個指定了連接資源的屬性，同時也是的那些媒體類型。今天掰扯完了表單提交時的編碼類型，以及它和的關系。很早以前，當還沒有前端這個概念的時候，我在寫表單提交完全不去理會表單數據的編碼，在action屬性里寫好目標URL，剩下的啊交給瀏覽器吧~但是現在，...

jackzou 2019-08-01 15:10 評論0 收藏0
JS基礎篇--JS之表單提交時編碼類型enctype詳解

摘要：格式支持比鍵值對復雜得多的結構化數據，這一點也很有用。例如下面這段代碼最終發送的請求是這種方案，可以方便的提交復雜的結構化數據，特別適合的接口。簡介 form的enctype屬性為編碼方式，常用有兩種：application/x-www-form-urlencoded和multipart/form-data，默認為application/x-www-form-urlencoded。 ...

ad6623 2019-08-21 17:26 評論0 收藏0
JavaScript 表單腳本

摘要：文本框獲得焦點時，選中其中所有的文本思路利用焦點事件事件，在文本框獲得焦點時，利用其方法選中所有文本。自動切換焦點思路利用事件檢測用戶輸入新字符后，文本框內的字符串是否已經達到最大長度，若達到最大長度，則將焦點切換至下一個文本框。 JavaScript 表單腳本通過 document.forms 可以獲得一個包含當前頁面中所有表單的集合 HTMLFormElement 接口下面是這...

PrototypeZ 2019-08-20 11:26 評論0 收藏0
form表單提交

摘要：前言這是一篇關于提交數據的文章，由提供表單提交一是的一個標簽，用來向服務端發送數據。前言：這是一篇關于form提交數據的文章，ajax由jQuery提供 form表單提交一、form是HTML的一個標簽，用來向服務端發送數據。form元素有自己的屬性，這里要講的是form的enctype,method,action這三個屬性 enctype:表示的是當method=post時候，...

wall2flower 2019-08-02 14:28 評論0 收藏0
form表單提交

摘要：前言這是一篇關于提交數據的文章，由提供表單提交一是的一個標簽，用來向服務端發送數據。前言：這是一篇關于form提交數據的文章，ajax由jQuery提供 form表單提交一、form是HTML的一個標簽，用來向服務端發送數據。form元素有自己的屬性，這里要講的是form的enctype,method,action這三個屬性 enctype:表示的是當method=post時候，...

mzlogin 2019-08-26 13:34 評論0 收藏0