form表單有什么作用?有哪些常用的input 標簽,分別有什么作用?
<form> 標簽用于為用戶輸入創(chuàng)建 HTML 表單并向服務器傳輸數(shù)據。
單行文本框<input type="text">
密碼框<input type="password">
單選組件<input type="radio">
多選組件<input type="checkbox">
隱藏組件<input type="hidden" name=" " value=" ">
按鈕:
普通按鈕<input type="button"> (但不會提交)
提交數(shù)據按鈕<input type="submit" >
重置按鈕<input type="reset">
post 和 get 方式的區(qū)別?
- get:在向后臺傳輸數(shù)據時,會用
&把數(shù)據連接起來,然后鏈接在?后面,形成一個新的URL。而post不會形成新的URL,但數(shù)據依舊能傳輸給后臺。 - get常用于向后臺提取或查詢數(shù)據,即輸入一個提示詞,后臺根據提示詞篩選數(shù)據,從而得到數(shù)據。而post常用于向后臺傳輸數(shù)據,post的安全性較高。
- get方式可提交的數(shù)據量跟URL的長度有直接關系,因此并不能傳輸大量的數(shù)據。而post傳輸?shù)臄?shù)據量取決于服務器的處理程序的處理能力,但相比get方式,能夠傳輸較大量的數(shù)據。
- 在form中,Method的默認方式是get。
在input里,name 有什么作用?
name屬性規(guī)定input元素的名稱,用于對提交到服務器后的表單數(shù)據進行標識,或者在客戶端通過 JavaScript 引用表單數(shù)據。
radio 如何 分組?
將需要設為同一分組的radio的name屬性,設為相同值。
下面為同一組:
<input type="radio" name="a" value="1">
<input type="radio" name="a" value="2">
<input type="radio" name="a" value="3">
下面為不同組:
<input type="radio" name="a" value="1">
<input type="radio" name="b" value="1">
placeholder 屬性有什么作用?
placeholder 屬性提供可描述輸入字段預期值的提示信息(hint)。
該提示會在輸入字段為空時顯示,并會在字段獲得焦點時消失。
type=hidden隱藏域有什么作用? 舉例說明
- 隱藏域在頁面中對于用戶是不可見的,在表單中插入隱藏域的目的在于收集或發(fā)送信息,以利于被處理表單的程序所使用。瀏覽者單擊發(fā)送按鈕發(fā)送表單的時候,隱藏域的信息也被一起發(fā)送到服務器。
- 能夠防止csrf攻擊,若被知曉服務器并向其傳輸數(shù)據,但由于<input type="hidden" name="" value="">中得到的name和value與服務器中存儲的不相符,則不會更新服務器中的數(shù)據,從而抵擋csrf的攻擊。