1.form表單有什么作用纺讲?有哪些常用的input 標(biāo)簽未檩,分別有什么作用?
<form> 標(biāo)簽用于為用戶輸入創(chuàng)建 HTML 表單粥航,并向服務(wù)器傳輸數(shù)據(jù)琅捏。
常用input
標(biāo)簽:
值 | 描述 |
---|---|
button | 定義可點(diǎn)擊按鈕(多數(shù)情況下,用于通過 JavaScript 啟動(dòng)腳本)递雀。 |
checkbox | 定義復(fù)選框柄延。 |
file | 定義輸入字段和 "瀏覽"按鈕,供文件上傳缀程。 |
hidden | 定義隱藏的輸入字段搜吧。 |
image | 定義圖像形式的提交按鈕。 |
password | 定義密碼字段杨凑。該字段中的字符被掩碼滤奈。 |
radio | 定義單選按鈕。 |
reset | 定義重置按鈕撩满。重置按鈕會清除表單中的所有數(shù)據(jù)蜒程。 |
submit | 定義提交按鈕绅你。提交按鈕會把表單數(shù)據(jù)發(fā)送到服務(wù)器。 |
text | 定義單行的輸入字段昭躺,用戶可在其中輸入文本忌锯。默認(rèn)寬度為 20 個(gè)字符。 |
2.post 和 get 方式的區(qū)別领炫?
對于 <form></form> 標(biāo)簽偶垮,其 action 屬性的默認(rèn)值是 GET,可以修改為 POST帝洪。使用 GET 時(shí)似舵,表單數(shù)據(jù)中的數(shù)據(jù)會被轉(zhuǎn)義并以查詢字符串的形式追加到 URL 的尾部;使用 POST 時(shí)碟狞,表單數(shù)據(jù)會依附請求體發(fā)送給服務(wù)器啄枕。
(1)get是向服務(wù)器發(fā)索取數(shù)據(jù)的一種請求,而post是向服務(wù)器提交數(shù)據(jù)的一種請求
(2)get提交的數(shù)據(jù)會在地址欄中顯示出來族沃,而post提交频祝,地址欄不會改變
(3)傳輸數(shù)據(jù)的限制:當(dāng)發(fā)送數(shù)據(jù)時(shí),get方法向 URL 添加數(shù)據(jù)脆淹,URL 的長度是受限制的常空;post由于不是通過URL傳輸,所以不受限制
(4)安全性:get的安全性較差盖溺,因?yàn)樗l(fā)送的數(shù)據(jù)是 URL 的一部分;post比get更安全漓糙,因?yàn)閰?shù)不會被保存在瀏覽器歷史或 web 服務(wù)器日志中。
(5)get將表單中數(shù)據(jù)的按照variable=value的形式烘嘱,添加到action所指向的URL后面昆禽,并且兩者使用“?”連接,而各個(gè)變量之間使用“&”連接蝇庭;post是將表單中的數(shù)據(jù)放在form的數(shù)據(jù)體中醉鳖,按照變量和值相對應(yīng)的方式,傳遞到action所指向URL哮内。
Get是向服務(wù)器發(fā)索取數(shù)據(jù)的一種請求盗棵,而Post是向服務(wù)器提交數(shù)據(jù)的一種請求,在FORM(表單)中北发,Method默認(rèn)為"GET"纹因,實(shí)質(zhì)上,GET和POST只是發(fā)送機(jī)制不同琳拨,并不是一個(gè)取一個(gè)發(fā)瞭恰!
3.在input里,name 有什么作用狱庇?
name 屬性規(guī)定 input 元素的名稱惊畏。
name 屬性用于對提交到服務(wù)器后的表單數(shù)據(jù)進(jìn)行標(biāo)識是牢,或者在客戶端通過 JavaScript 引用表單數(shù)據(jù)。
只有設(shè)置了 name 屬性的表單元素才能在提交表單時(shí)傳遞它們的值陕截。
4.radio 如何 分組?
radio是定義單選按鈕輸入,radio通過對name的定義來進(jìn)行分組批什,同一個(gè)name的radio只能單選农曲。
5.placeholder 屬性有什么作用?
placeholder
屬性提供可描述輸入字段預(yù)期值的提示信息(hint)。
該提示會在輸入字段為空時(shí)顯示驻债,并會在字段獲得焦點(diǎn)時(shí)消失乳规。
6.type=hidden隱藏域有什么作用? 舉例說明
語法:<input type="hidden"/>
隱藏域在頁面中對于用戶是不可見的,在表單中插入隱藏域的目的在于收集或發(fā)送信息合呐,以利于被處理表單的程序所使用暮的。瀏覽者單擊發(fā)送按鈕發(fā)送表單的時(shí)候,隱藏域的信息也被一起發(fā)送到服務(wù)器淌实。