天天看點

HTML設定表單的enctype編碼方式

1. 用途

HTML表單可以通過enctype屬性設定表單内容送出給伺服器時,發送的資料的編碼方式,具體有三個值:

application/x-www-form-urlencoded,預設的編碼方式,傳輸普通的表單内容(不能傳輸檔案)

multipart/form-data,可用于将檔案上傳到伺服器的編碼方式

text/plain,目前使用較少的編碼方式,也不推薦使用

2. application/x-www-form-urlencoded 解釋

當表單代碼如下:

<form>

<input name="username"/>

<input name="password"/>

<button type="submit">submit</button>

</form>

由于沒有設定enctype屬性,是以采取預設值application/x-www-form-urlencoded,這種方式下當我們輸入

username值tom,password值123時,編碼後的表單送出内容為:

username=tom&password=123

1

這種形式通過&分割資料項。

3. multipart/form-data 解釋

multipart/form-data編碼比較複雜,此處不再給出示例。該編碼即可傳輸普通表單,也可以傳輸檔案,是以編碼會比上面的複雜。

是以普通情況下,直接采用預設的編碼,當傳輸檔案時,再采取multipart/form-data即可。

4. text/plain解釋

text/plain編碼方式不同浏覽器有不同的實作,也沒有一個特别明确的規範,是以建議就是别用。