form表單的作用
用于搜集不同類型的用戶輸入典格，將這些數(shù)據(jù)傳送到服務(wù)器端祖娘，實現(xiàn)網(wǎng)站與用戶的交互丽焊。
總結(jié)常用的input 標簽及其作用
| input標簽 | 作用 |
|---|---|
<input type="text" > |
文本輸入框，單行眉孩，默認寬度為20個字符 |
<input type="password" > |
密碼輸入框个绍，輸入內(nèi)容自動轉(zhuǎn)變成圓點 |
<input type="radio" > |
單選框勒葱，用name分組要一致，一定要加value值 |
<input type="checkbox" > |
復(fù)選框巴柿，用name分組要一致凛虽，一定要加value值 |
<input type="file" > |
文件上傳，accept屬性值可限制上傳文件類型 |
<input type="hidden" > |
隱藏字段广恢，后臺可根據(jù)name凯旋、value值判斷用戶提交的表單數(shù)據(jù)是否安全 |
<input type="button" > |
定義按鈕 |
<input type="submit" > |
定義提交表單數(shù)據(jù)至表單處理程序的按鈕 |
<input type="reset" > |
定義重置按鈕 |
<input type="image" > |
定義圖像形式的提交按鈕 |
post 和 get 方式的區(qū)別？
- get方式主要用來向后臺請求數(shù)據(jù)钉迷，而post常用來向后臺上傳數(shù)據(jù)至非。
- get方式是通過拼接URL方式上傳數(shù)據(jù)，因地址欄長度有限(<=850個字符)糠聪，對于過大的數(shù)據(jù)瀏覽器無法傳輸完整數(shù)據(jù)給服務(wù)器荒椭；post方式URL沒有變化，數(shù)據(jù)仍會通過瀏覽器傳輸給后臺舰蟆，可傳輸?shù)臄?shù)據(jù)量更大趣惠。
- get方式在安全性方面不如post，輸入的密碼會顯示在URL里身害；post方式在安全性要求高時是較好的方式味悄，更安全。
input中name 屬性的作用塌鸯？
name屬性規(guī)定了input元素的名稱侍瑟，用于對提交的數(shù)據(jù)進行標識，單選框和復(fù)選框中以name來分組界赔，在JavaScript中引用表單數(shù)據(jù)丢习。
radio 如何 分組
通過name屬性的不同分組，同一組的name必須相同淮悼，才能夠單選。
placeholder 屬性的作用
在文本框中顯示提示文字揽思，一旦在文本框里輸入了什么信息袜腥，提示信息就會隱藏
type=hidden隱藏域有什么作用? 舉例說明
<input type="hidden" name=" " value=" ">
- 設(shè)置在頁面的隱藏域，用戶提交表單時會一起發(fā)送到服務(wù)器钉汗，服務(wù)器對隱藏域中的值進行驗證羹令，驗證通過則表單合法，提高了安全性损痰。
- 暫存信息福侈，若需要這個值可通過定位到該元素來獲取這個值。
- 常常被用在表單提交時生成一個隨機的碼卢未，服務(wù)器可以根據(jù)這個碼驗證請求是否過期肪凛，用于防止惡意的多次請求發(fā)送堰汉。
