form表單有什么作用？有哪些常用的input 標簽，分別有什么作用？
表單在網頁中主要負責數據采集功能。一個表單有三個基本組成部分：
- 表單標簽：這里面包含了處理表單數據所用CGI程序的URL以及數據提交到服務器的方法。
- 表單域：包含了文本框、密碼框、隱藏域、多行文本框、復選框、單選框、下拉選擇框和文件上傳框等。
- 表單按鈕：包括提交按鈕、復位按鈕和一般按鈕；用于將數據傳送到服務器上的CGI腳本或者取消輸入，還可以用表單按鈕來控制其他定義了處理
常見的input標簽
| 標簽 | 作用 |
|---|---|
text |
單行文本框 |
password |
密碼框 |
checkbox |
多選組件 |
radio |
單選組件 |
file |
上傳文件 |
hidden |
隱藏域 |
submit |
數據提交按鈕 |
button |
普通按鈕 |
post 和 get 方式的區別？
GET一般用于獲取/查詢資源信息，而POST一般用于更新資源信息
GET請求的數據會附在URL之后（就是把數據放置在HTTP協議頭中），以?分割URL和傳輸數據，參數之間以&相連，如：login.action?name=hyddd&password=idontknow&verify=%E4%BD%A0%E5%A5%BD。如果數據是英文字母/數字，原樣發送，如果是空格，轉換為+，如果是中文/其他字符，則直接把字符串用BASE64加密，得出如：%E4%BD%A0%E5%A5%BD，其中％XX中的XX為該符號以16進制表示的ASCII
（1）首先是"GET方式提交的數據最多只能是1024字節"，因為GET是通過URL提交數據，那么GET可提交的數據量就跟URL的長度有直接關系了。而實際上，URL不存在參數上限的問題，HTTP協議規范沒有對URL長度進行限制。這個限制是特定的瀏覽器及服務器對它的限制。IE對URL長度的限制是2083字節(2K+35)。對于其他瀏覽器，如Netscape、FireFox等，理論上沒有長度限制，其限制取決于操作系統的支持。
（2）理論上講，POST是沒有大小限制的，HTTP協議規范也沒有進行大小限制，起限制作用的是服務器的處理程序的處理能力。POST的安全性要比GET的安全性高。比如：通過GET提交數據，用戶名和密碼將明文出現在URL上，因為(1)登錄頁面有可能被瀏覽器緩存，(2)其他人查看瀏覽器的歷史紀錄，那么別人就可以拿到你的賬號和密碼了，除此之外，使用GET提交數據還可能會造成Cross-site request forgery攻擊。
在input里，name 有什么作用？
- 作為可與服務器交互數據的HTML元素的服務器端的標示，比如input、select、textarea、和button等。我們可以在服務器端根據其Name通過Request.Params取得元素提交的值。
- HTML元素Input type='radio'分組，我們知道radio button控件在同一個分組類，check操作是mutex的，同一時間只能選中一個radio，這個分組就是根據相同的Name屬性來實現的。
- 建立頁面中的錨點，我們知道<a href="URL">link</a>是獲得一個頁面超級鏈接，如果不用href屬性，而改用Name，如：<a name="PageBottom"></a>，我們就獲得了一個頁面錨點。
- 作為對象的Identity，如Applet、Object、Embed等元素。比如在Applet對象實例中，我們將使用其Name來引用該對象。
- 在IMG元素和MAP元素之間關聯的時候，如果要定義IMG的熱點區域，需要使用其屬性usemap，使usemap="#name"(被關聯的MAP元素的Name)。
- 某些特定元素的屬性，如attribute，meta和param。例如為Object定義參數<PARAM NAME = "appletParameter" VALUE = "value">或Meta中<META NAME = "Author" CONTENT = "Dave Raggett">。
radio 如何分組
在同一個分組里，name屬性要有相同的值。
<input type="radio" name="gender" value="male">
<input type="radio" name="gender" value="female">
placeholder 屬性有什么作用?
placeholder 屬性提供可描述輸入字段預期值的提示信息（hint）。
該提示會在輸入字段為空時顯示，并會在字段獲得焦點時消失。
type=hidden隱藏域有什么作用? 舉例說明
1、隱藏域在頁面中對于用戶是不可見的，在表單中插入隱藏域的目的在于收集或發送信息，以利于被處理表單的程序所使用。瀏覽者單擊發送按鈕發送表單的時候，隱藏域的信息也被一起發送到服務器。
2、有些時候我們要給用戶一信息，讓他在提交表單時提交上來以確定用戶身份，如sessionkey，等等．當然這些東西也能用cookie實現，但使用隱藏域就簡單的多了．而且不會有瀏覽器不支持，用戶禁用cookie的煩惱。
3、有些時候一個form里有多個提交按鈕，怎樣使程序能夠分清楚到底用戶是按那一個按鈕提交上來的呢？我們就可以寫一個隱藏域，然后在每一個按鈕處加上 onclick="document.form.command.value="xx""然后我們接到數據后先檢查command的值就會知道用戶是按的那個按鈕提交上來的。
4、有時候一個網頁中有多個form，我們知道多個form是不能同時提交的，但有時這些form確實相互作用，我們就可以在form中添加隱藏域來使它們聯系起來。
5、javascript不支持全局變量，但有時我們必須用全局變量，我們就可以把值先存在隱藏域里，它的值就不會丟失了。
6、還有個例子，比如按一個按鈕彈出四個小窗口，當點擊其中的一個小窗口時其他三個自動關閉．可是IE不支持小窗口相互調用，所以只有在父窗口寫個隱藏域，當小窗口看到那個隱藏域的值是close時就自己關掉。
如：
１、<input type=hidden name=coun value=<%=cc%>>
這里的隱藏域名為coun，值為<%=cc%>，假設前面cc=100的話，即值為100；
２、遞交表單<form action=xx.asp>到新頁面xx.asp；
３、在xx.asp頁中，使用request.write request.form("coun")，則在頁面中顯示的值就是100。
作者：Maggie_77
鏈接：http://www.lxweimin.com/p/268c6c6ed526
來源：簡書
