form表單的作用
form表單的主要作用是采集和傳輸用戶信息
常見的<input>標(biāo)簽和作用
-
text
標(biāo)簽,用于輸入單行文本闽瓢; -
password
標(biāo)簽义钉,用于輸入密碼鄙麦; -
checkbox
標(biāo)簽盯荤,用于多選項(xiàng)分組媚污; -
radio
標(biāo)簽,用于單選項(xiàng)分組廷雅; -
file
標(biāo)簽,用于上傳文件功能京髓,可以用accept
屬性限制上傳文件的類型航缀; -
hidden
標(biāo)簽,用于定義隱藏的輸入字段堰怨,暫存數(shù)據(jù)或信息安全等芥玉; -
button
標(biāo)簽,用于定義可點(diǎn)擊按鈕备图,多用于通過JavaScript啟動(dòng)腳本灿巧; -
submit
標(biāo)簽,用于定義提交按鈕揽涮,將表單數(shù)據(jù)發(fā)送到服務(wù)器抠藕; -
reset
標(biāo)簽,用于定義重置按鈕蒋困,將表單數(shù)據(jù)清空重置盾似。
post和get方式的區(qū)別
- 傳輸方式不同:get會(huì)將表單的key值和value值拼接組成URL發(fā)送給服務(wù)器,post不會(huì)改變URL雪标;
- 安全性不同:get發(fā)送的URL使用明文方式組成零院,存在明顯的安全隱患,post不會(huì)出現(xiàn)這個(gè)問題村刨;
- 傳輸數(shù)據(jù)大小不同:get發(fā)送數(shù)據(jù)時(shí)會(huì)受到URL字符數(shù)的限制告抄,post不受這個(gè)限制;
- 作用對(duì)象不同:get通常用于向服務(wù)器索取數(shù)據(jù)嵌牺,post通常用于向服務(wù)器發(fā)送數(shù)據(jù)打洼。
<input>標(biāo)簽的name屬性的作用
name屬性規(guī)定了<input>元素的名稱,用于對(duì)表單數(shù)據(jù)標(biāo)識(shí)髓梅,只有標(biāo)識(shí)過的數(shù)據(jù)才能正確的向服務(wù)器傳遞值拟蜻。
radio如何分組
radio標(biāo)簽通過name屬性分組, name值相同的為一組枯饿,同組radio只能單選一個(gè)value值傳送數(shù)據(jù)酝锅。
placeholder屬性的作用
placeholder屬性用于在輸入框內(nèi)展示一個(gè)提示信息,這個(gè)信息不會(huì)跟隨用戶輸入的表單數(shù)據(jù)一起傳送給服務(wù)器奢方。
hidden隱藏域的作用
服務(wù)器可以先向hidden傳送一個(gè)隨機(jī)值搔扁,當(dāng)用戶向服務(wù)器傳送數(shù)據(jù)時(shí)爸舒,服務(wù)器再驗(yàn)證hidden是否被更改,以此判定用戶傳送的數(shù)據(jù)是否被篡改稿蹲,以確保數(shù)據(jù)信息的安全扭勉,其作用類似于隱形的驗(yàn)證碼。