給產(chǎn)品經(jīng)理講技術(shù)｜H5基礎(chǔ)知識(shí)：表單_html/css

但是誰(shuí)叫Html規(guī)范升級(jí)到5.0呢，我之所以要解釋下，是因?yàn)橛械呐笥巡⒉恢罏槭裁匆蠬5，以前的Html其實(shí)應(yīng)該稱(chēng)為Html4或者Html401，那個(gè)「5」并不是代表一種新技術(shù)，僅僅是一個(gè)Html的版本號(hào)而已。

不知道為啥要把form翻譯為「表單」，不過(guò)叫著叫著，用著用著，看著看著也就熟悉了。

看看taobao，你剁手前必須要經(jīng)過(guò)的一個(gè)界面，這就是一個(gè)表單，表單為你留了一個(gè)區(qū)域，這個(gè)區(qū)域等著你輸入數(shù)據(jù)，這些數(shù)據(jù)講被上傳到后臺(tái)服務(wù)器去，或者校驗(yàn)?zāi)愕挠脩?hù)名密碼，或者你的下單數(shù)據(jù)，總之，TA為你和網(wǎng)頁(yè)的數(shù)據(jù)交互提供了一個(gè)友好的界面。

社會(huì)主義正確的價(jià)值觀是，不能只看臉，還要看心靈?？戳四?，我才有欲望去了解你的心靈，你的心靈決定了我是否喜歡你的臉。

我們一起看看Html表單代碼是如何書(shū)寫(xiě)的。

form：標(biāo)識(shí)了這是一個(gè)表單

action：標(biāo)識(shí)了所有的數(shù)據(jù)內(nèi)容將向引號(hào)內(nèi)的地址進(jìn)行提交

method：標(biāo)識(shí)了提交到網(wǎng)站的方法，一般為GET或POST

input：標(biāo)識(shí)了一個(gè)輸入框，type標(biāo)識(shí)為類(lèi)型為文本輸入，user是其參數(shù)的名字，最后一個(gè)input類(lèi)型為submit，標(biāo)識(shí)一個(gè)按鈕的類(lèi)型為「提交」類(lèi)型。

最終的網(wǎng)頁(yè)長(zhǎng)成下面這個(gè)樣子：

我們?cè)谳斎肟蛑休斎搿肮?，這兩個(gè)字將會(huì)以GET方法提交到“http://www.***.com/index.html”地址，至于服務(wù)器取到這些值如何操作，是另一個(gè)問(wèn)題了，那涉及到服務(wù)器端程序，這也是簡(jiǎn)單的前端與后臺(tái)劃分的一個(gè)標(biāo)準(zhǔn)。

此外，表單中還可以承載很多類(lèi)型的元素，比如RadioBox和CheckBox，用來(lái)豐富用戶(hù)輸入類(lèi)型和減少交互成本。

小總結(jié)：表單是你和服務(wù)器數(shù)據(jù)交互的用戶(hù)界面，一切向服務(wù)器提交的數(shù)據(jù)都是由這幾個(gè)簡(jiǎn)單的標(biāo)簽所組成。

歡迎添加微信公眾號(hào)：給 產(chǎn)品經(jīng)理 講技術(shù)

本文由產(chǎn)品100為你推薦并呈現(xiàn)

文章來(lái)源：微信公眾號(hào)：給產(chǎn)品經(jīng)理講技術(shù)（ID：pm_teacher）

文章作者：果果

友情提示：

若出處標(biāo)注錯(cuò)誤，請(qǐng)聯(lián)系QQ：2977686517及時(shí)更正，感謝理解和支持！

少年關(guān)注我們的官方微博@產(chǎn)品100和微信訂閱號(hào)：chanpin100ghsd，有驚喜哦！

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com