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