HTML 表單用于搜集不同類型的用戶輸入,表單是一個包含表單元素的區域 表單元素是允許用戶在表單中(比如:文本域、下拉列表、單選框、復選框等等)輸入信息的元素。
form標簽是表單的外殼,主要有四個屬性:
action: 表單提交的地址
method:提交保單的方法
target:在何處打開action
enctype:
1.application/x-www-form-urlencoded:在發送前編碼所有字符(默認)
2.text/plain:空格轉換為 "+" 加號,但不對特殊字符編碼
3.multipart/form-data:使用包含文件上傳控件的表單時,必須使用該值
<form> 元素
HTML 表單用于收集用戶輸入。
實例
<form>
.
form elements
.
</form>
<input> 元素
<input> 元素是最重要的表單元素。
<input> 元素有很多形態,根據不同的 type 屬性。如下所示:
type="text":用于輸入文本。
type="password":用于輸入密碼,輸入的內容顯示為星號。
type="checkbox":復選框,加checked屬性會默認選上。
type="radio":單選圓圈按鈕,name要相同才能實現單選,value要有值。
type="hidden":隱藏域,用戶看不到,兩個作用:1.用于暫存一些信息;2.安全性校驗防止他人修改數據庫,value錯誤,服務器不接受他人修改。
Action 屬性
action 屬性定義在提交表單時執行的動作。
向服務器提交表單的通常做法是使用提交按鈕。
通常,表單會被提交到 web 服務器上的網頁。
<form action="action_page.php">
如果省略 action 屬性,則 action 會被設置為當前頁面。
Method 屬性
method 屬性規定在提交表單時所用的 HTTP 方法(GET 或 POST):
<form action="action_page.php" method="GET">
或:
<form action="action_page.php" method="POST">
Name 屬性
如果要正確地被提交,每個輸入字段必須設置一個 name 屬性。
有關問題:
1.post 和 get 方式的區別與應用。
get方式向后臺發送請求時,會把請求數據拼接成k=value的形式,連在一起然后組裝在URL上。缺點是安全系數不高以及URL過長導致截斷,傳輸數據不完整。對于簡單,安全性要求低的請求數據用get方式。
post方式數據參數仍會通過瀏覽器傳輸給后臺,但是URL不會發生變化。post傳輸數據沒有大小限制。對于安全性要求比較高傳輸數據用post方式。
2.type=hidden隱藏域有什么作用? 舉例說明。
隱藏域在頁面中對于用戶是不可見的,在表單中插入隱藏域的目的在于收集或發送信息,以利于被處理表單的程序所使用。瀏覽者單擊發送按鈕發送表單的時候,隱藏域的信息也被一起發送到服務器。
比如一個用戶填完表單后提交,在服務器中可以看見此表單的隱藏域信息并判斷是否與之前設置的一樣,這樣可以安全性校驗防止他人修改數據庫。
注:本文主要來自W3C教程與饑人谷相關資料