form表單有什么作用?有哪些常用的input 標(biāo)簽,分別有什么作用?
HTML 表單用于搜集不同類型的用戶輸入,然后將數(shù)據(jù)提交到服務(wù)器。 表單是一個包含表單元素的區(qū)域 表單元素是允許用戶在表單中(比如:文本域、下拉列表、單選框、復(fù)選框等等)輸入信息的元素。所有表單控件,只有放在<form>標(biāo)簽里,才能將數(shù)據(jù)提交到服務(wù)器。
- 常見的input標(biāo)簽:
| input標(biāo)簽 | 作用 |
|---|---|
| text | 單行文本框 |
| password | 圓點密碼框 |
| button | 普通按鈕 |
| submit | 提交所有數(shù)據(jù)按鈕 |
| checkbox | 多選框 |
| radio | 單選框 |
| file | 文件上傳 |
| reset | 重置所有項 |
| hidden | 隱藏域 |
post 和 get 方式的區(qū)別?
- GET請求的數(shù)據(jù)會附在URL之后(就是把數(shù)據(jù)放置在HTTP協(xié)議頭中),以?分割URL和傳輸數(shù)據(jù),參數(shù)之間以&相連,如果數(shù)據(jù)是英文字母/數(shù)字,原樣發(fā)送,如果是空格,轉(zhuǎn)換為+,如果是中文/其他字符,則直接把字符串用BASE64加密;POST把提交的數(shù)據(jù)則放置在是HTTP包的包體中。
- POST的安全性要比GET的安全性高。比如:通過GET提交數(shù)據(jù),用戶名和密碼將明文出現(xiàn)在URL上。除此之外,使用GET提交數(shù)據(jù)還可能會造成Cross-site request forgery攻擊。
- Get是向服務(wù)器發(fā)索取數(shù)據(jù)的一種請求,而Post是向服務(wù)器提交數(shù)據(jù)的一種請求。 GET 請求一般不應(yīng)產(chǎn)生副作用。就是說,它僅僅是獲取資源信息,就像數(shù)據(jù)庫查詢一樣,不會修改,增加數(shù)據(jù),不會影響資源的狀態(tài)。 get提交的信息有限,根據(jù)不同瀏覽器對URL長度限制的不同而受到不同的限制。而post理論上可以提交無限的信息量。
在input里,name 有什么作用?
name屬性規(guī)定了input元素的名稱,用于后續(xù)提交表單數(shù)據(jù),或者在JS中引用表單。 POST和GET的時候,name和input中的值會形成的 鍵/值 對,服務(wù)器端的表單處理程序只有通過name才能獲取到相應(yīng)的用戶輸入。 check和radio靠相同的name值分組。
radio 如何 分組?
通過name屬性分組。相同的name為一組。
舉例:<input type="radio" name="sex" value="男">
<input type="radio" name="sex" value="女">女
<input type="radio" name="sex1" value="男">男
<input type="radio" name="sex2" value="女">女
"sex"為一組,"sex1"為同一組。
placeholder 屬性有什么作用?
placeholder屬性規(guī)定用以描述輸入字段預(yù)期值的提示,該提示會在用戶輸入值之前顯示在輸入字段中,輸入正確的值之后自動消失。
type=hidden隱藏域有什么作用? 舉例說明。
標(biāo)簽<input type="hidden" name="" value="">標(biāo)簽的作用是:隱藏不想讓用戶看到的信息,但是這些信息對于Web應(yīng)用又是非常必要的。瀏覽者發(fā)送表單的時候,隱藏域的信息也被一起發(fā)送到服務(wù)器,后臺通過用戶隱藏域中value的值,就可以識別用戶,來提高安全性。