1.form表單有什么作用?有哪些常用的input 標(biāo)簽,分別有什么作用?
2.post 和 get 方式的區(qū)別?
3.在input里,name 有什么作用?
4.radio 如何 分組?
5.placeholder 屬性有什么作用?
6.type=hidden隱藏域有什么作用? 舉例說明
HTML 表單用于搜集不同類型的用戶輸入。
常用的input標(biāo)簽有
(1)<input type="text"> 定義用于文本輸入的單行輸入字段:
<input type="text" name="firstname">
(2)<input type="radio"> 定義單選按鈕:
<input type="radio" name="sex" value="male" checked>Male
<input type="radio" name="sex" value="female">Female;
(3)<input type="checkout"> 定義復(fù)選按鈕
(4)<input type="submit"> 定義用于向表單處理程序(form-handler)提交表單的按鈕。
表單處理程序通常是包含用來處理輸入數(shù)據(jù)的腳本的服務(wù)器頁(yè)面。表單處理程序在表單的 action 屬性中指定:
<input type="submit" value="Submit">
(5)action 屬性定義在提交表單時(shí)執(zhí)行的動(dòng)作。向服務(wù)器提交表單的通常做法是使用提交按鈕。通常,表單會(huì)被提交到 web 服務(wù)器上的網(wǎng)頁(yè)。在上面的例子中,指定了某個(gè)服務(wù)器腳本來處理被提交表單;
<form action="action_page.php">
如果省略 action 屬性,則 action 會(huì)被設(shè)置為當(dāng)前頁(yè)面。
(6)method 屬性規(guī)定在提交表單時(shí)所用的 HTTP 方法(GET 或 POST(安全)):
<form action="action_page.php" method="GET">
2.get一般用于向服務(wù)器查詢/獲取信息post一般用于向服務(wù)器提交信息。
get提交的信息會(huì)顯示在URL中,因此降低了安全性。而post不會(huì)顯示在URL中,提高了安全性
get提交的信息有限,根據(jù)不同瀏覽器對(duì)URL長(zhǎng)度限制的不同而受到不同的限制。而post理論上可以提交無限的信息量。
post需要兩個(gè)階段發(fā)送數(shù)據(jù),降低了傳輸?shù)目煽啃砸约八俣?。get只需要一個(gè)階段,速度更快。
3.name屬性規(guī)定了input元素的名稱,用于后續(xù)提交表單數(shù)據(jù),或者在JS中引用表單。name 屬性用于對(duì)提交到服務(wù)器后的表單數(shù)據(jù)進(jìn)行標(biāo)識(shí),只有設(shè)置了 name 屬性的表單元素才能在提交表單時(shí)傳遞它們的值。
4.通過name屬性的不同分組,同一組的name必須相同,才能夠單選。
5.placeholder 屬性.的作用是:隱藏不想讓用戶看到的信息,但是這些信息對(duì)于Web應(yīng)用又是非常必要的。
暫存信息:后端在構(gòu)造web頁(yè)面的過程中,通過hidden隱藏域在頁(yè)面中添加了相關(guān)數(shù)據(jù)信息(用戶對(duì)網(wǎng)頁(yè)進(jìn)行操作時(shí)可能會(huì)用到這些數(shù)據(jù)信息)
信息安全:后端在構(gòu)造web頁(yè)面的過程中,可以通過hidden隱藏域在頁(yè)面中添加相關(guān)的驗(yàn)證信息,當(dāng)form表單被提交后,服務(wù)器會(huì)收到該驗(yàn)證信息,通過一定的算法校驗(yàn)該驗(yàn)證信息,可以有效防止非法請(qǐng)求對(duì)數(shù)據(jù)庫(kù)的增刪改查,提高了web應(yīng)用的安全性。
6.type=hidden作用:隱藏域在頁(yè)面中對(duì)于用戶是不可見的,在表單中插入隱藏域的目的在于收集或發(fā)送信息,以利于被處理表單的程序所使用。瀏覽者單擊發(fā)送按鈕發(fā)送表單的時(shí)候,隱藏域的信息也被一起發(fā)送到服務(wù)器。