1.form表單有什么作用匀泊?有哪些常用的input 標簽仿粹,分別有什么作用?
2.post 和 get 方式的區(qū)別崭添?
3.在input里寓娩,name 有什么作用?
4.radio 如何 分組?
5.placeholder 屬性有什么作用?
6.type=hidden隱藏域有什么作用? 舉例說明
HTML 表單用于搜集不同類型的用戶輸入呼渣。
常用的input標簽有
(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"> 定義復選按鈕
(4)<input type="submit"> 定義用于向表單處理程序(form-handler)提交表單的按鈕。
表單處理程序通常是包含用來處理輸入數(shù)據的腳本的服務器頁面屁置。表單處理程序在表單的 action 屬性中指定:
<input type="submit" value="Submit">
(5)action 屬性定義在提交表單時執(zhí)行的動作焊夸。向服務器提交表單的通常做法是使用提交按鈕。通常蓝角,表單會被提交到 web 服務器上的網頁阱穗。在上面的例子中,指定了某個服務器腳本來處理被提交表單使鹅;
<form action="action_page.php">
如果省略 action 屬性揪阶,則 action 會被設置為當前頁面。
(6)method 屬性規(guī)定在提交表單時所用的 HTTP 方法(GET 或 POST(安全)):
<form action="action_page.php" method="GET">
2.get一般用于向服務器查詢/獲取信息post一般用于向服務器提交信息患朱。
get提交的信息會顯示在URL中鲁僚,因此降低了安全性。而post不會顯示在URL中,提高了安全性
get提交的信息有限蕴茴,根據不同瀏覽器對URL長度限制的不同而受到不同的限制劝评。而post理論上可以提交無限的信息量。
post需要兩個階段發(fā)送數(shù)據倦淀,降低了傳輸?shù)目煽啃砸约八俣冉蟆et只需要一個階段,速度更快撞叽。
3.name屬性規(guī)定了input元素的名稱姻成,用于后續(xù)提交表單數(shù)據,或者在JS中引用表單愿棋。name 屬性用于對提交到服務器后的表單數(shù)據進行標識科展,只有設置了 name 屬性的表單元素才能在提交表單時傳遞它們的值。
4.通過name屬性的不同分組糠雨,同一組的name必須相同才睹,才能夠單選。
5.placeholder 屬性.的作用是:隱藏不想讓用戶看到的信息甘邀,但是這些信息對于Web應用又是非常必要的琅攘。
暫存信息:后端在構造web頁面的過程中,通過hidden隱藏域在頁面中添加了相關數(shù)據信息(用戶對網頁進行操作時可能會用到這些數(shù)據信息)
信息安全:后端在構造web頁面的過程中松邪,可以通過hidden隱藏域在頁面中添加相關的驗證信息坞琴,當form表單被提交后,服務器會收到該驗證信息逗抑,通過一定的算法校驗該驗證信息剧辐,可以有效防止非法請求對數(shù)據庫的增刪改查,提高了web應用的安全性邮府。
6.type=hidden作用:隱藏域在頁面中對于用戶是不可見的荧关,在表單中插入隱藏域的目的在于收集或發(fā)送信息,以利于被處理表單的程序所使用褂傀。瀏覽者單擊發(fā)送按鈕發(fā)送表單的時候羞酗,隱藏域的信息也被一起發(fā)送到服務器。