form表單有什么作用粘都?有哪些常用的input 標(biāo)簽廓推,分別有什么作用?
<form> 標(biāo)簽用于為用戶輸入創(chuàng)建 HTML 表單并向服務(wù)器傳輸數(shù)據(jù)翩隧。
單行文本框<input type="text">
密碼框<input type="password">
單選組件<input type="radio">
多選組件<input type="checkbox">
隱藏組件<input type="hidden" name=" " value=" ">
按鈕:
普通按鈕<input type="button">
(但不會(huì)提交)
提交數(shù)據(jù)按鈕<input type="submit" >
重置按鈕<input type="reset">
post 和 get 方式的區(qū)別樊展?
- get:在向后臺(tái)傳輸數(shù)據(jù)時(shí),會(huì)用
&
把數(shù)據(jù)連接起來(lái)堆生,然后鏈接在?
后面专缠,形成一個(gè)新的URL。而post不會(huì)形成新的URL淑仆,但數(shù)據(jù)依舊能傳輸給后臺(tái)涝婉。 - get常用于向后臺(tái)提取或查詢數(shù)據(jù),即輸入一個(gè)提示詞糯景,后臺(tái)根據(jù)提示詞篩選數(shù)據(jù)嘁圈,從而得到數(shù)據(jù)。而post常用于向后臺(tái)傳輸數(shù)據(jù)蟀淮,post的安全性較高最住。
- get方式可提交的數(shù)據(jù)量跟URL的長(zhǎng)度有直接關(guān)系,因此并不能傳輸大量的數(shù)據(jù)怠惶。而post傳輸?shù)臄?shù)據(jù)量取決于服務(wù)器的處理程序的處理能力涨缚,但相比get方式,能夠傳輸較大量的數(shù)據(jù)策治。
- 在form中脓魏,Method的默認(rèn)方式是get。
在input里通惫,name 有什么作用茂翔?
name
屬性規(guī)定input
元素的名稱,用于對(duì)提交到服務(wù)器后的表單數(shù)據(jù)進(jìn)行標(biāo)識(shí)履腋,或者在客戶端通過(guò) JavaScript 引用表單數(shù)據(jù)珊燎。
radio 如何 分組?
將需要設(shè)為同一分組的radio的name屬性惭嚣,設(shè)為相同值。
下面為同一組:
<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 屬性提供可描述輸入字段預(yù)期值的提示信息(hint)悔政。
該提示會(huì)在輸入字段為空時(shí)顯示晚吞,并會(huì)在字段獲得焦點(diǎn)時(shí)消失。
type=hidden隱藏域有什么作用? 舉例說(shuō)明
- 隱藏域在頁(yè)面中對(duì)于用戶是不可見(jiàn)的谋国,在表單中插入隱藏域的目的在于收集或發(fā)送信息槽地,以利于被處理表單的程序所使用。瀏覽者單擊發(fā)送按鈕發(fā)送表單的時(shí)候芦瘾,隱藏域的信息也被一起發(fā)送到服務(wù)器捌蚊。
- 能夠防止csrf攻擊,若被知曉服務(wù)器并向其傳輸數(shù)據(jù)旅急,但由于<input type="hidden" name="" value="">中得到的name和value與服務(wù)器中存儲(chǔ)的不相符逢勾,則不會(huì)更新服務(wù)器中的數(shù)據(jù),從而抵擋csrf的攻擊藐吮。