form表單有什么作用？有哪些常用的input 標簽，分別有什么作用？
form表單用來進行表單數據提交
| 常用input標簽 | 作用 |
|---|---|
type="text" |
文本框,輸入單行文本 |
type="password" |
密碼框,輸入密碼信息,所有輸入的信息會隱藏顯示 |
type="button" |
普通按鈕,一般用來完成javascript功能的 |
type="submit" |
表單提交按鈕,點此按鈕提交表單 |
type="reset" |
表單重置按鈕,返回初始表單中的數據 |
type="radio" |
單選按鈕 |
type="checkbox" |
多選按鈕 |
type="hidden" |
隱藏域,將一個值隱藏傳遞 |
type="image" |
功能和submit提交按鈕相同,但可以顯示圖片 |
<textarea></textarea> |
文本域,輸入多行文本 |
<select> |
下拉列表,需要結合option一起使用 |
<option> |
為<select>設置選項 |
html5的input類型
| 常用input標簽 | 作用 |
|---|---|
| 常用input標簽 | 作用 |
post 和 get 方式的區別？
post:所有提交的參數都會隱藏,沒有參數的大小限制
get:所有提交參數都會在地址欄顯示,參數總量最大4-5K
1、Get方法通過URL請求來傳遞用戶的數據，將表單內各字段名稱與其內容，以成對的字符串連接，置于 action 屬性所指程序的 url后，如http://www.baidu.com/test.asp?name=asd&password=sad數據都會 直接顯示在 url上，就像用戶點擊一個鏈接一樣；
Post 方法通過 HTTP post 機制，將表單內各字段名稱與其內容放置在 HTML 表頭(header)內一起傳送給服務器端交由 action 屬性能所指的程序處理，該程序會通過標準輸入(stdin)方式，將表單的數據讀出并加以處理
2、 Get 方式需要使用 Request.QueryString 來取得變量的值；
Post 方式通過 Request.Form 來訪問提交的內容
3、Get方式傳輸的數據量非常小，一般限制在2KB以內，但是執行效率卻比 Post 方法好；
Post方式傳遞的數據量相對較大，它是等待服務器來讀取數據，不過也有字節限制，這是為了避免對服務器用大量數據進行惡意攻擊
除非你肯定你提交的數據可以一次性提交，否則請盡量用 Post 方法
提示
通過get方法提交數據，可能會帶來安全性的問題。比如一個登陸頁面。當通過get方法提交數據時，用戶名和密碼將出現在URL上。如果：
１、登陸頁面可以被瀏覽器緩存；
２、其他人可以訪問客戶的這臺機器。
那么，別人即可以從瀏覽器的歷史記錄中，讀取到此客戶的賬號和密碼。所以，在某些情況下，get方法會帶來嚴重的安全性問題。
建議
在Form中，建議使用post方法。
在input里，name 有什么作用？
name 屬性用于對提交到服務器后的表單數據進行標識，或者在客戶端通過 JavaScript 引用表單數據。
注釋：只有設置了 name 屬性的表單元素才能在提交表單時傳遞它們的值。
radio 如何 分組?
一個分組，使用一個name值
分成多組radio,就必須name不同
placeholder 屬性有什么作用?
placeholder 屬性提供可描述輸入字段預期值的提示信息（hint）。
該提示會在輸入字段為空時顯示，并會在字段獲得焦點時消失。
注釋：placeholder 屬性適用于以下的 <input> 類型：text, search, url, telephone, email 以及 password。
type=hidden隱藏域有什么作用? 舉例說明
`<input type="hidden" /> `定義隱藏字段。
隱藏字段對于用戶是不可見的。隱藏字段通常會存儲一個默認值，它們的值也可以由 JavaScript 進行修改。
例子：
用來檢測用戶身份是否合法
<input type="hidden" name="KeyID" value="DGEX655023970" />
后臺接收數據時，會得到KeyID:DGEX655023970 如果正確，則可進行處理；如果錯誤,則忽略。
