我承認又標題黨了,表單這種基礎知識從很早的Html版本就已經存在了,表單是用戶輸入和網頁之間數據交互的一個界面,TA在Html中用這個標簽來標記。
但是誰叫Html規范升級到5.0呢,我之所以要解釋下,是因為有的朋友并不知道為什么要叫H5,以前的Html其實應該稱為Html4或者Html401,那個「5」并不是代表一種新技術,僅僅是一個Html的版本號而已。
不知道為啥要把form翻譯為「表單」,不過叫著叫著,用著用著,看著看著也就熟悉了。
看看taobao,你剁手前必須要經過的一個界面,這就是一個表單,表單為你留了一個區域,這個區域等著你輸入數據,這些數據講被上傳到后臺服務器去,或者校驗你的用戶名密碼,或者你的下單數據,總之,TA為你和網頁的數據交互提供了一個友好的界面。
社會主義正確的價值觀是,不能只看臉,還要看心靈。看了臉,我才有欲望去了解你的心靈,你的心靈決定了我是否喜歡你的臉。
我們一起看看Html表單代碼是如何書寫的。
form :標識了這是一個表單
action:標識了所有的數據內容將向引號內的地址進行提交
method:標識了提交到網站的方法,一般為GET或POST
input:標識了一個輸入框,type標識為類型為文本輸入,user是其參數的名字,最后一個input類型為submit,標識一個按鈕的類型為「提交」類型。
最終的網頁長成下面這個樣子:
我們在輸入框中輸入“果果”,這兩個字將會以GET方法提交到“http://www.***.com/index.html”地址,至于服務器取到這些值如何操作,是另一個問題了,那涉及到服務器端程序,這也是簡單的前端與后臺劃分的一個標準。
此外,表單中還可以承載很多類型的元素,比如RadioBox和CheckBox,用來豐富用戶輸入類型和減少交互成本。
小總結:表單是你和服務器數據交互的用戶界面,一切向服務器提交的數據都是由這幾個簡單的標簽所組成。
云恒網絡www.xyzqw.net版權所有 備案號:魯ICP備19021997號-1 淄博高端網站建設、網絡營銷知名品牌 網絡整合傳播機構