1. 程式人生 > >html form表單

html form表單

提交

前言

application/x-www-form-urlencoded 字串

一種編碼型別。
當URL地址裡包含非西歐字元的字串時,系統會將這些字元轉換成application/x-www-form-urlencoded字串。
表單裡提交時也是如此,當包含非西歐字元的字串時,系統也會將這些字元轉換成application/x-www-form-urlencoded字串。
然而,在向伺服器傳送大量的文字、包含非ASCII字元的文字或二進位制資料時這種編碼方式效率很低。這個時候我們就要使用另一種編碼型別“multipart/form-data”。
比如在我們在做上傳的時候,表單的enctype屬性一般會設定成“multipart/form-data”。Browser端<form>

表單的ENCTYPE屬性值為multipart/form-data,它告訴我們傳輸的資料要用到多媒體傳輸協議,由於多媒體傳輸的都是大量的資料,所以規定上傳檔案必須是post方法,<input>的type屬性必須是file。

http get請求時、form 表單以“application/x-www-form-urlencoded”提交時,轉換規則:

  1. 字元”a”-“z”,”A”-“Z”,”0”-“9”,”.”,”-“,”*”,和”_” 都不會被編碼;
  2. 將空格轉換為加號 (+) ;
  3. 將非文字內容轉換成”%xy”的形式,xy是兩位16進位制的數值;
  4. 在每個 name=value 對之間放置 & 符號;

使用URL時注意:

web 設計者面臨的眾多難題之一便是怎樣處理不同作業系統間的差異性。這些差異效能引起URL方面的問題:例如,一些作業系統允許檔名中含有空格符,有些又不允許。大多數作業系統不會認為檔名中含有符號“#”會有什麼特殊含義;但是在一個URL中,符號“#”表示該檔名已經結束,後面會緊跟一個 fragment(部分)識別符號。其他的特殊字元,非字母數字字符集,它們在URL或另一個作業系統上都有其特殊的含義,表述著相似的問題。為了解決這些問題,我們在URL中使用的字元就必須是一個ASCII字符集的固定字集中的元素,具體如下:
1.大寫字母A-Z
2.小寫字母a-z
3.數字 0-9
4.標點符` - _ . ! ~ * ' (和 ,)


所有其他字元都是不安全的,因此首先使用一些編碼機制將它們轉換為一個或多個位元組。然後每個位元組用一個包含 3 個字元的字串 “%xy” 表示,其中 xy 為該位元組的兩位十六進位制表示形式。推薦的編碼機制是 UTF-8。但是,出於相容性考慮,如果未指定一種編碼,則使用相應平臺的預設編碼。
其中空格是一個特殊情況,因為它除了被編碼成“%20”以外,還能編碼為一個“+”。加號(+)本身被編碼為%2B。當/ # = & 和?作為名字的一部分來使用時,而不是作為URL部分之間的分隔符來使用時,它們都應該被編碼。

Java 處理 application/x-www-form-urlencoded

// 將普通字串轉換成application/x-www-form-urlencoded字串
java.net.URLEncoder.decode(String s, String enc);

// 將application/x-www-form-urlencoded字串轉換成普通字串。
java.net.URLDecoder.decode(String s, String enc);

相關推薦

HTML——form中常用標簽總結

radio led ext only pin sta word htm and 1 <form action="" method="get"> 2 <!-- 3 placeholder="請輸

html--form常用操作

form表單 用於收集使用者資訊,如:登入、註冊等場景;所有要提交的資料都必須放在form標籤中<form action=" "  method=" ">   action:提交地址、動作,與input標籤中typy標籤的submit屬性相關聯。  <inp

html form提交前驗證

可以使用form表單的onsubmit方法,在提交表單之前,對錶單或者網頁中的資料進行檢驗。 onsubmit指定的方法返回true,則提交資料;返回false不提交資料。   <HTML> <head> <meta htt

html form驗證和使用者體驗程式碼

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>改善使用者體驗的表單</title> <style

HTML form中action的正確寫法

mapping oca http context java ica 現在 ont ext   我的Java Web Application的context是myweb,即http://localhost:8080/myweb/index.jsp是歡迎頁。   現在我的一個C

趴一趴如何用最簡單的方式從html form中獲取到資料

最近網速一直不太好 ~~~不開心 本文采用的是最簡單的方式,僅供自己試驗,畢竟存在一些不安全因素。 看了其他好的的方式發現都太麻煩,所以自己總結下。 是這樣的:input.html頁面中有一段程式碼。

html form提交

前要:利用themleaf模板使用th:checked提交資料怎麼選擇都是on 奇怪的很,只好回去使用原來的form表單提交了重新測試了一遍發現只能必須只能寫name 而不是在div radio的範圍內部寫th:field="*{serviceAttitudeScore}",

HTML form 提交方式get和post的區別

method屬性規定如何傳送表單的資料。有兩種提交的方法分別為get和post。 1、get:提交的資料量要小於1024位元組,表單提交時表單域數值(表單請求的資訊:賬號、密碼…)將在位址列顯示。

html form提交資料並後臺獲取

http://www.tuicool.com/articles/m67vMbQ 前臺: HTML的程式碼:(關鍵是要在form裡設定enctype="multipart/form-data",這樣才能在提交表單時,將檔案以二進位制流的形式傳輸到伺服器) <ht

html form提交action和url跳轉到action有什麼區別.

form表單的action 與url跳轉是不一樣的: form表單可以給後臺傳遞資料,在後臺直接可以用request物件去向前臺請求資料。 form表單傳遞資料有兩種方式: method="post":這是傳遞大量資料時用的,在資料傳遞之前會先將資料打包,因此這種傳遞資料

HTML form資料與檔案混合上傳

將頁面提交檔案上傳到伺服器目錄下面(只能是POST提交方式) 需要引入commons-fileupload.jar form表單例子如下 <form action="user.do?op=updateUserImage" id="upfile"

html form

提交 前言 application/x-www-form-urlencoded 字串 一種編碼型別。 當URL地址裡包含非西歐字元的字串時,系統會將這些字元轉換成application/x-www-form-urlencoded字串。

HTML form

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body>

HTML Form詳解

表單屬性   屬性                          值                                           描述 accept                 MIME_type               規定通過檔案上傳

html form提交後不重新整理不跳轉的實現方法------

如何實現表單提交後不重新重新整理當前頁面<form name='form1' id='form1' action='/xbcw/cw/xx_xx.action' method='post'>   <input type="button" id="btnSubmit" name="btnSub

在學習HTML——form中的label標籤時的一點小體會

在我啃了一遍書本之後,開始了在慕課看視訊的過程,從最開始的HTML+CSS的基礎課程看起,在第5-9小節講到了form表單的label標籤,          首先看一下慕課的講解:        label 標籤不會向用戶呈現任何特殊效果,它的作用是為滑鼠使用者改進了可用

HTML form新增元素

相信大家對html中表單不陌生吧,下面我們來聊一下在H5裡面表單新增的元素和廢棄元素。 4表單相關新增元素和屬性 4.1表單元素新增和廢棄的屬性  表單新增的屬性可以分成2類: 提交類:提交給伺服器設

使用ajax提交form,包括ajax文件上傳 轉http://www.cnblogs.com/zhuxiaojie/p/4783939.html

ima option img jquery選擇器 open request resp logs ges 使用ajax提交form表單,包括ajax文件上傳 前言 使用ajax請求數據,很多人都會,比如說: $.post(path,{data:data},function

date3(form,今天html結束)

今天 ctr 請求 服務器 pan str view 等等 復選框 參考:   http://www.cnblogs.com/yuanchenqi/articles/6835654.html form表單是用來向後端服務器提交數據的,本次主要掌握的有input,select

form註冊——HTML

tle pan style content .com href sheet checked lec <!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"><