form表單的作用
form表單的主要作用是采集和傳輸用戶信息
常見的<input>標簽和作用
-
text
標簽,用于輸入單行文本; -
password
標簽,用于輸入密碼; -
checkbox
標簽,用于多選項分組; -
radio
標簽,用于單選項分組; -
file
標簽,用于上傳文件功能,可以用accept
屬性限制上傳文件的類型; -
hidden
標簽,用于定義隱藏的輸入字段,暫存數據或信息安全等; -
button
標簽,用于定義可點擊按鈕,多用于通過JavaScript啟動腳本; -
submit
標簽,用于定義提交按鈕,將表單數據發送到服務器; -
reset
標簽,用于定義重置按鈕,將表單數據清空重置。
post和get方式的區別
- 傳輸方式不同:get會將表單的key值和value值拼接組成URL發送給服務器,post不會改變URL;
- 安全性不同:get發送的URL使用明文方式組成,存在明顯的安全隱患,post不會出現這個問題;
- 傳輸數據大小不同:get發送數據時會受到URL字符數的限制,post不受這個限制;
- 作用對象不同:get通常用于向服務器索取數據,post通常用于向服務器發送數據。
<input>標簽的name屬性的作用
name屬性規定了<input>元素的名稱,用于對表單數據標識,只有標識過的數據才能正確的向服務器傳遞值。
radio如何分組
radio標簽通過name屬性分組, name值相同的為一組,同組radio只能單選一個value值傳送數據。
placeholder屬性的作用
placeholder屬性用于在輸入框內展示一個提示信息,這個信息不會跟隨用戶輸入的表單數據一起傳送給服務器。
hidden隱藏域的作用
服務器可以先向hidden傳送一個隨機值,當用戶向服務器傳送數據時,服務器再驗證hidden是否被更改,以此判定用戶傳送的數據是否被篡改,以確保數據信息的安全,其作用類似于隱形的驗證碼。