表單大家都很熟悉,上網的時候經常會遇到表單
表單用來接受使用者的輸入,並將使用者的輸入以“name=value值對”集合的形式提交到伺服器進行處理。那麼表單是怎樣將資料提交到伺服器的。伺服器是怎樣對錶單資料進行處理的。下面我將為大家揭開表單提交背後的秘密
表單用<form></form> 標記定義,表單裡面放置各種接受使用者輸入的控制項
[html] view plain copy <form id="login" name="login" method ="get" action="Get.aspx"> <p>使用者名稱:<input id="txtUserName" name="txtUserName" type="text" /></p> <!--使用者名稱文字框--> <p>密 碼:<input id="txtPWD" name="txtPWD" type="text" /></p> <!--密碼文字框--> <p><input id="subLogin" name ="subLogin" type="submit" value="提交" /></p><!--提交按鈕--> </form>
首先我們來看一下表單form的一些屬性
1、id:表單的唯一標識
2、name:表單的名字
3、method:定義表單提交的方法,有兩種方法: Post方法和Get方法
4、action:用於處理表單的伺服器端頁面(以URL 形式表示)
表單中的控制項有兩個屬性是非常重要的:name屬性和value屬性,每一個控制項的這兩個屬性將構成“name-value對”提交到action屬性所定義的頁面進行處理
前邊講到表單提交有兩種方法:post和get,那麼這兩種方法有什麼區別呢。
1、post方法
用這種方法提交的表單,資料將以資料區塊的形式提交到伺服器,表單資料不會出現在URL中,所以用這種方式提交的表單資料是安全的。如果表單資料中包含類似於密碼等資料,建議使用post方法
用post方法提交資料的表單:
[html] view plain copy <form id="login" name="login" method ="Post" action="Post.aspx"> <p>使用者名稱:<input id="txtUserName" name="txtUserName" type="text" /></p> <!--使用者名稱文字框--> <p>密 碼:<input id="txtPWD" name="txtPWD" type="text" /></p>