1. form表單有什么作用子刮？有哪些常用的input 標(biāo)簽淌友，分別有什么作用毙沾？

• 表單的作用是搜集用戶的輸入骗卜，向服務(wù)器傳輸數(shù)據(jù)，從而實現(xiàn)用戶與web服務(wù)器的交互左胞。
• Input表示Form表單中的一種輸入對象寇仓，根據(jù)Type類型可分為文本輸入框、密碼輸入框烤宙、單選/復(fù)選框遍烦、提交/重置按鈕等等。
  在HTML5中躺枕，規(guī)定的 input type 屬性值如下：
• 一些type值及其作用（最后有詳細(xì)版）
• button: 定義可點擊按鈕
• checkbox: 復(fù)選框
• email : 定義用于e-mail地址字段服猪，提交時會驗證
• file : 上傳文件
• hidden : 定義隱藏字段
• image : 定義圖像為提交按鈕
• color : 定義拾色器，定義后出現(xiàn)顏色調(diào)板
• date: 定義 date 控件（包括年拐云、月罢猪、日，不包括時間）

2. post 和 get 方式的區(qū)別慨丐？

• GET比POST更不安全坡脐，因為參數(shù)直接暴露在URL上泄私，所以不能用來傳遞敏感信息房揭。 GET參數(shù)通過URL傳遞，POST放在Request body中晌端。
• GET請求在URL中傳送的參數(shù)是有長度限制的捅暴，而POST理論上是不受限制的。
• GET在瀏覽器回退時是無害的咧纠，而POST會再次提交請求蓬痒。
• GET和POST本質(zhì)上就是TCP鏈接，并無差別漆羔。但是由于HTTP的規(guī)定和瀏覽器/服務(wù)器的限制梧奢，導(dǎo)致他們在應(yīng)用過程中體現(xiàn)出一些不同。對于GET方式的請求演痒，瀏覽器會把http header和data一并發(fā)送出去（一個包）亲轨，服務(wù)器響應(yīng)200(返回數(shù)據(jù));而對于POST，瀏覽器先發(fā)送header鸟顺，服務(wù)器響應(yīng)100 continue惦蚊，瀏覽器再發(fā)送data（兩個包）器虾，服務(wù)器響應(yīng)200 ok(返回數(shù)據(jù))”姆妫”

3. 在input里兆沙，name 有什么作用？

name 屬性規(guī)定 input 元素的名稱莉掂。
name 屬性用于對提交到服務(wù)器后的表單數(shù)據(jù)進(jìn)行標(biāo)識葛圃，或者在客戶端通過 JavaScript 引用表單數(shù)據(jù)。
注釋：只有設(shè)置了 name 屬性的表單元素才能在提交表單時傳遞它們的值憎妙。

4. radio 如何 分組?

設(shè)置相同的name屬性值.

5. placeholder 屬性有什么作用?

<input type="text" name="first_name" placeholder="你的姓名..." />
placeholder 屬性提供可描述輸入字段預(yù)期值的提示信息（hint）装悲。
該提示會在輸入字段為空時顯示，并會在字段獲得焦點時消失尚氛。
注釋：placeholder 屬性適用于以下的 <input> 類型：text, search, url, telephone, email 以及 password诀诊。

6. type=hidden隱藏域有什么作用? 舉例說明

• 隱藏域在頁面中對于用戶是不可見的，在表單中插入隱藏域的目的在于收集或發(fā)送信息阅嘶，以利于被處理表單的程序所使用属瓣。瀏覽者單擊發(fā)送按鈕發(fā)送表單的時候，隱藏域的信息也被一起發(fā)送到服務(wù)器讯柔。

• 有些時候我們要給用戶一信息抡蛙，讓他在提交表單時提交上來以確定用戶身份，如sessionkey魂迄，等等．當(dāng)然這些東西也能用cookie實現(xiàn)粗截，但使用隱藏域就簡單的多了．而且不會有瀏覽器不支持，用戶禁用cookie的煩惱捣炬。
• 有些時候一個form里有多個提交按鈕熊昌，怎樣使程序能夠分清楚到底用戶是按那一個按鈕提交上來的呢？我們就可以寫一個隱藏域湿酸，然后在每一個按鈕處加上onclick="document.form.command.value="xx""然后我們接到數(shù)據(jù)后先檢查command的值就會知道用戶是按的那個按鈕提交上來的婿屹。
• 有時候一個網(wǎng)頁中有多個form，我們知道多個form是不能同時提交的推溃，但有時這些form確實相互作用昂利，我們就可以在form中添加隱藏域來使它們聯(lián)系起來。
• javascript不支持全局變量铁坎，但有時我們必須用全局變量蜂奸，我們就可以把值先存在隱藏域里，它的值就不會丟失了硬萍。
• 還有個例子扩所，比如按一個按鈕彈出四個小窗口，當(dāng)點擊其中的一個小窗口時其他三個自動關(guān)閉．可是IE不支持小窗口相互調(diào)用襟铭，所以只有在父窗口寫個隱藏域碌奉，當(dāng)小窗口看到那個隱藏域的值是close時就自己關(guān)掉短曾。

簡單介紹 HTML 表單的用法

HTML表單是一個包含表單元素的區(qū)域， 表單使用<form> 標(biāo)簽創(chuàng)建赐劣。注意嫉拐，<form >元素是塊級元素。

1.表單屬性

• action：規(guī)定當(dāng)提交表單時魁兼，向何處發(fā)送表單數(shù)據(jù)婉徘。action取值為:第一，一個URL（絕對URL/相對URL）咐汞，一般指向服務(wù)器端一個程序,程序接收到表單提交過來的數(shù)據(jù)（即表單元素值）作相應(yīng)處理盖呼。第二，使用mailto協(xié)議的URL地址化撕，這樣會將表單內(nèi)容以電子郵件的形式發(fā)送出去几晤。這種情況比較少見的，因為它要求訪問者的計算機上安裝和正確設(shè)置好了郵件發(fā)送程序植阴。第三蟹瘾，空值，如果action為空或不寫掠手，表示提交給當(dāng)前頁面憾朴。
• method：該屬性定義瀏覽器將表單中的數(shù)據(jù)提交給服務(wù)器處理程序的方式。關(guān)于method的取值喷鸽，最常用的是get和post众雷。
• target：該屬性規(guī)定在何處顯示action屬性中指定的URL所返回的結(jié)果。取值有_blank（在新窗口中打開）做祝、_self（在相同的框架中打開砾省，默認(rèn)值）、_parent（在父框架中打開）剖淀、_top（在整個窗口中打開）和framename（在指定的框架中打開）纯蛾。
• title：設(shè)置網(wǎng)站訪問者的鼠標(biāo)放在表單上的任意位置停留時纤房，瀏覽器用小浮標(biāo)顯示的文本纵隔。
• enctype：規(guī)定在發(fā)送到服務(wù)器之前應(yīng)該如何對表單數(shù)據(jù)進(jìn)行編碼。取值：默認(rèn)值為 "application/x-www-form-urlencoded"炮姨，在發(fā)送到服務(wù)器之前捌刮，所有字符都會進(jìn)行編碼；“multipart/form-data”：不對字符編碼舒岸。在使用包含文件上傳控件的表單時绅作，必須使用該值。
• name:表單的名稱蛾派。注意和id屬性的區(qū)別：name屬性是和服務(wù)器通信時使用的名稱俄认；而id屬性是瀏覽器端使用的名稱个少，該屬性主要是為了方便客戶端編程，而在css和JavaScript中使用的眯杏。

2. 表單元素

• 單行文本框<input type="text"/>（input 的type 屬性的默認(rèn)值就是"text"）
• 密碼框<input type="password"/>
• 單選按鈕<input type="radio"/>夜焦。表單提交時，選中項的value和name被打包發(fā)送
• 復(fù)選框<input type="checkbox"/>岂贩。表單提交時茫经，選中項的value和name被打包發(fā)送
• 隱藏域<input type="hidden"/>。隱藏域通常用于向服務(wù)器提交不需要顯示給用戶的信息
• 文件上傳<input type="file"/>萎津。使用file卸伞，則form的enctype必須設(shè)置為multipart/form-data，method屬性為POST
• 下拉框<select>標(biāo)簽
• 多行文本<textarea></textarea>锉屈。<textarea>沒有value屬性
• <label></label>標(biāo)簽荤傲。在<input type=“text”>前可以寫普通的文本來修飾，但是單擊修飾文本的時候input并不會得到焦點颈渊，而用label則可以弃酌，for屬性指定要修飾的控件的id
• 提交按鈕<input type="submit"/>。當(dāng)用戶單擊<inputt type="submit"/>的提交按鈕時儡炼，表單數(shù)據(jù)會提交給<form>標(biāo)簽的action屬性所指定的服務(wù)器處理程序妓湘。中文IE下默認(rèn)按鈕文本為“提交查詢”，可以設(shè)置value屬性修改按鈕的顯示文本乌询。
• 重置按鈕<input type="reset"/>榜贴。當(dāng)用戶單擊<input type="reset"/>按鈕時，表單中的值被重置為初始值妹田。在用戶提交表單時唬党，重置按鈕的name和value不會提交給服務(wù)器。
• 圖像按鈕<input type="image" src="bg.jpg"/>鬼佣。圖像按鈕的src屬性指定圖像源文件洛波，它沒有value屬性。
  參考自