1.form表單有什么作用？
form表單的作用:用于搜集輸入向服務(wù)器傳輸數(shù)據(jù)杯拐。
2.有哪些常用的input 標(biāo)簽互拾，分別有什么作用？
- text : 文本框局装，只有一行
- password : 密碼欄坛吁，輸入的字符會(huì)變成圓點(diǎn)。
- button : 一個(gè)普通的按鈕铐尚，需要js來(lái)實(shí)現(xiàn)功能拨脉。
- radio : 單選，同組的需要設(shè)置一樣的name,然后根據(jù)不同的選項(xiàng)來(lái)設(shè)置value宣增。
- checkbox : 多選玫膀，同樣需要同組的需要設(shè)置一樣的name,然后根據(jù)不同的選項(xiàng)來(lái)設(shè)置value。
- select option : 下拉菜單 name寫(xiě)在select中爹脾，value寫(xiě)在option中帖旨。
- file : 上傳文件 通過(guò)accept來(lái)設(shè)置可接受的文件類(lèi)型。例 : accept="image/png"灵妨。
- submit : 提交表單中的數(shù)據(jù)至action中的地址解阅。
- reset : 重置表單中的數(shù)據(jù)。
- hidden : 隱藏域泌霍。不會(huì)在網(wǎng)頁(yè)中顯示货抄。但是會(huì)跟隨其它數(shù)據(jù)提交。
3.post與get的區(qū)別 轉(zhuǎn)自w3schools
GET:
- GET requests can be cached 請(qǐng)求可以被緩存
- GET requests remain in the browser history 請(qǐng)求可以被存入瀏覽器歷史
- GET requests can be bookmarked 請(qǐng)求可以被加入書(shū)簽
- GET requests should never be used when dealing with sensitive data 不可以用于處理敏感數(shù)據(jù)
- GET requests have length restrictions 由長(zhǎng)度限制
- GET requests should be used only to retrieve data 只能被用于查找數(shù)據(jù)
POST: - POST requests are never cached 不會(huì)被緩存
- POST requests do not remain in the browser history 不會(huì)被存入瀏覽器歷史
- POST requests cannot be bookmarked 不可加入書(shū)簽
- POST requests have no restrictions on data length 無(wú)長(zhǎng)度限制
4.在input里，name 有什么作用?
因?yàn)楸韱卧谔峤缓髷?shù)據(jù)會(huì)以 name = value的形式被貯存蟹地，所以必須設(shè)置name使得 name與value相對(duì)應(yīng)积暖。
5.radio如何分組?
設(shè)置相同的name
6.placeholder 屬性有什么作用?
placeholder 起提示作用，無(wú)數(shù)據(jù)輸入時(shí)會(huì)顯示怪与，有數(shù)據(jù)后會(huì)消失夺刑。
7.type=hidden隱藏域有什么作用? 舉例說(shuō)明
hidden 可以提交不是由用戶(hù)編輯的數(shù)據(jù)。
在處理數(shù)據(jù)時(shí)可以通過(guò)檢查hidden中的value來(lái)判斷數(shù)據(jù)是否由用戶(hù)發(fā)送分别，提高安全性遍愿。
8.不在前面問(wèn)題中的其它
1).form標(biāo)簽的屬性
- action：規(guī)定當(dāng)提交表單時(shí)，向何處發(fā)送表單數(shù)據(jù)
- method：該屬性定義瀏覽器將表單中的數(shù)據(jù)提交給服務(wù)器處理程序的方式(GET,POST......)
- target : 在何處打開(kāi)action
- enctype : 可選屬性耘斩。默認(rèn)為application/x-www-form-urlencoded错览。上傳文件則應(yīng)使用multipart/form-data。
2).不屬于input的其它標(biāo)簽
- textarea : 多行文本煌往，需設(shè)置寬高倾哺，例:<textarea name="text" cols="30" rows="6">text</textarea>
- button : 用于定義一個(gè)按鈕。由于不同瀏覽器中button默認(rèn)的type不同刽脖，在使用時(shí)最好重新設(shè)置type羞海。
- label : label的作用是在被點(diǎn)擊是把焦點(diǎn)設(shè)置在對(duì)應(yīng)的元素上。
例:
<label for="test">test</label>
<input id="test" name="test" type="text">
