1.form表單有什么作用?有哪些常用的input 標簽,分別有什么作用?
2.post 和 get 方式的區別?
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)提交表單的按鈕。
表單處理程序通常是包含用來處理輸入數據的腳本的服務器頁面。表單處理程序在表單的 action 屬性中指定:
<input type="submit" value="Submit">
(5)action 屬性定義在提交表單時執行的動作。向服務器提交表單的通常做法是使用提交按鈕。通常,表單會被提交到 web 服務器上的網頁。在上面的例子中,指定了某個服務器腳本來處理被提交表單;
<form action="action_page.php">
如果省略 action 屬性,則 action 會被設置為當前頁面。
(6)method 屬性規定在提交表單時所用的 HTTP 方法(GET 或 POST(安全)):
<form action="action_page.php" method="GET">
2.get一般用于向服務器查詢/獲取信息post一般用于向服務器提交信息。
get提交的信息會顯示在URL中,因此降低了安全性。而post不會顯示在URL中,提高了安全性
get提交的信息有限,根據不同瀏覽器對URL長度限制的不同而受到不同的限制。而post理論上可以提交無限的信息量。
post需要兩個階段發送數據,降低了傳輸的可靠性以及速度。get只需要一個階段,速度更快。
3.name屬性規定了input元素的名稱,用于后續提交表單數據,或者在JS中引用表單。name 屬性用于對提交到服務器后的表單數據進行標識,只有設置了 name 屬性的表單元素才能在提交表單時傳遞它們的值。
4.通過name屬性的不同分組,同一組的name必須相同,才能夠單選。
5.placeholder 屬性.的作用是:隱藏不想讓用戶看到的信息,但是這些信息對于Web應用又是非常必要的。
暫存信息:后端在構造web頁面的過程中,通過hidden隱藏域在頁面中添加了相關數據信息(用戶對網頁進行操作時可能會用到這些數據信息)
信息安全:后端在構造web頁面的過程中,可以通過hidden隱藏域在頁面中添加相關的驗證信息,當form表單被提交后,服務器會收到該驗證信息,通過一定的算法校驗該驗證信息,可以有效防止非法請求對數據庫的增刪改查,提高了web應用的安全性。
6.type=hidden作用:隱藏域在頁面中對于用戶是不可見的,在表單中插入隱藏域的目的在于收集或發送信息,以利于被處理表單的程序所使用。瀏覽者單擊發送按鈕發送表單的時候,隱藏域的信息也被一起發送到服務器。