一、form表單有什么作用许溅?有哪些常用的input 標(biāo)簽,分別有什么作用秉版?
1.form表單是一個(gè)網(wǎng)頁(yè)很重要的組成部分贤重,它具有可供用戶填寫、選擇清焕、上傳信息并把這些信息集中起來交由代后臺(tái)服務(wù)器處理的作用并蝗。
常見的input標(biāo)簽 | 作用 |
---|---|
<input type="checkbox"> | 定義復(fù)選框。 |
<input type="file"> | 定義輸入字段和 "瀏覽"按鈕秸妥,供文件上傳滚停。 |
<input type="password"> | 定義密碼字段。該字段中的字符被掩碼粥惧。 |
<input type="radio"> | 定義單選按鈕 |
<input type="reset"> | 定義重置按鈕键畴。重置按鈕會(huì)清除表單中的所有數(shù)據(jù)。 |
<input type="text"> | 定義單行的輸入字段影晓,用戶可在其中輸入文本。默認(rèn)寬度為 20 個(gè)字符檩禾。 |
二挂签,post 和 get 方式的區(qū)別?
1.當(dāng)向服務(wù)器發(fā)送請(qǐng)求的時(shí)候盼产,get會(huì)把數(shù)據(jù)拼接成key=value的形式組裝到url上傳遞給后臺(tái)服務(wù)器饵婆。post會(huì)通過瀏覽器傳遞給后臺(tái)服務(wù)器,不會(huì)改變url戏售。
2.get方式的請(qǐng)求由于需要拼裝成url來傳遞的所以字符長(zhǎng)度是有限制的侨核,而post是通過瀏覽器來傳遞的草穆,所以理論上字符長(zhǎng)度是無限制的。
3.安全性上搓译,get請(qǐng)求的數(shù)據(jù)在url里是可見的悲柱,并且可以被歷史記錄和書簽保存,post卻不會(huì)些己。
三豌鸡,在input里,name 有什么作用段标?
input的數(shù)據(jù)是通過key:value的格式傳遞給后臺(tái)服務(wù)器的涯冠,這里name設(shè)置的值就是key。
四逼庞,radio 如何 分組?
radio是通過name來進(jìn)行分組的蛇更,多個(gè)radio形態(tài)的input把name屬性的值設(shè)為相同的即可分為一組。
五赛糟,placeholder 屬性有什么作用?
placeholder 屬性提供可描述輸入字段預(yù)期值的提示信息(hint)派任。該提示會(huì)在輸入字段為空時(shí)顯示,并會(huì)在字段獲得焦點(diǎn)時(shí)消失虑灰。
六吨瞎,type=hidden隱藏域有什么作用? 舉例說明
隱藏域?qū)蛻羰遣豢梢姷模梢詴捍嬉恍┲的赂溃@樣的特性就讓它擁有很多用法颤诀。
- 如果一個(gè)網(wǎng)頁(yè)有多個(gè)form表單(form表單是不能同時(shí)提交的)有些form表單需要相互作用,我們就可以在這些form表單中添加隱藏域來使它們聯(lián)系起來对湃。
2崖叫。防止CSRF攻擊,當(dāng)用戶訪問的時(shí)候拍柒,我們可以通過后臺(tái)隨機(jī)一個(gè)值并放在隱藏域中心傀,來檢查其是否為非法用戶。