form表單的作用
用于搜集不同類型的用戶輸入，將這些數(shù)據(jù)傳送到服務(wù)器端，實(shí)現(xiàn)網(wǎng)站與用戶的交互。
總結(jié)常用的input 標(biāo)簽及其作用
| input標(biāo)簽 | 作用 |
|---|---|
<input type="text" > |
文本輸入框，單行，默認(rèn)寬度為20個(gè)字符 |
<input type="password" > |
密碼輸入框，輸入內(nèi)容自動(dòng)轉(zhuǎn)變成圓點(diǎn) |
<input type="radio" > |
單選框，用name分組要一致，一定要加value值 |
<input type="checkbox" > |
復(fù)選框，用name分組要一致，一定要加value值 |
<input type="file" > |
文件上傳，accept屬性值可限制上傳文件類型 |
<input type="hidden" > |
隱藏字段，后臺(tái)可根據(jù)name、value值判斷用戶提交的表單數(shù)據(jù)是否安全 |
<input type="button" > |
定義按鈕 |
<input type="submit" > |
定義提交表單數(shù)據(jù)至表單處理程序的按鈕 |
<input type="reset" > |
定義重置按鈕 |
<input type="image" > |
定義圖像形式的提交按鈕 |
post 和 get 方式的區(qū)別？
- get方式主要用來向后臺(tái)請(qǐng)求數(shù)據(jù)，而post常用來向后臺(tái)上傳數(shù)據(jù)。
- get方式是通過拼接URL方式上傳數(shù)據(jù)，因地址欄長(zhǎng)度有限(<=850個(gè)字符)，對(duì)于過大的數(shù)據(jù)瀏覽器無法傳輸完整數(shù)據(jù)給服務(wù)器；post方式URL沒有變化，數(shù)據(jù)仍會(huì)通過瀏覽器傳輸給后臺(tái)，可傳輸?shù)臄?shù)據(jù)量更大。
- get方式在安全性方面不如post，輸入的密碼會(huì)顯示在URL里；post方式在安全性要求高時(shí)是較好的方式，更安全。
input中name 屬性的作用？
name屬性規(guī)定了input元素的名稱，用于對(duì)提交的數(shù)據(jù)進(jìn)行標(biāo)識(shí)，單選框和復(fù)選框中以name來分組，在JavaScript中引用表單數(shù)據(jù)。
radio 如何 分組
通過name屬性的不同分組，同一組的name必須相同，才能夠單選。
placeholder 屬性的作用
在文本框中顯示提示文字，一旦在文本框里輸入了什么信息，提示信息就會(huì)隱藏
type=hidden隱藏域有什么作用? 舉例說明
<input type="hidden" name=" " value=" ">
- 設(shè)置在頁(yè)面的隱藏域，用戶提交表單時(shí)會(huì)一起發(fā)送到服務(wù)器，服務(wù)器對(duì)隱藏域中的值進(jìn)行驗(yàn)證，驗(yàn)證通過則表單合法，提高了安全性。
- 暫存信息，若需要這個(gè)值可通過定位到該元素來獲取這個(gè)值。
- 常常被用在表單提交時(shí)生成一個(gè)隨機(jī)的碼，服務(wù)器可以根據(jù)這個(gè)碼驗(yàn)證請(qǐng)求是否過期，用于防止惡意的多次請(qǐng)求發(fā)送。
