表單處理及URL參數傳遞.

Presentation on theme: "表單處理及URL參數傳遞."— Presentation transcript:

1 表單處理及URL參數傳遞

2 PHP的表單處理 網頁表單的用途 網頁表單為網站的使用者介者，利用此介面將使用者輸入的資料傳送到伺服端的PHP程式進行處理，也可以說是PHP程式的輸入介面。 將輸入的資料傳送到伺服端的PHP程式處理。 Web伺服器 瀏覽程式的網 頁表單 User input data 執行結果回傳給瀏覽程式顯示。 PHP程式

3 PHP的表單處理 網頁表單的用途 每個<form>標籤的表單一定需要<input>標籤的按鈕欄位。
<input type=“submit” name=“Name” value=“Caption”> (1) Type屬性為submit，按下此鈕可以將欄位輸入的資料送 到伺服端的PHP處理程式。 (2) Type屬性為reset，按下按鈕是清除欄位內容成為預設值 ，即 value屬性的值。

4 PHP的表單處理 網頁表單的用途 <form>標籤的相關屬性 告知伺服端由那個PHP程式負責處理表單的欄位資 料。
<form name=“order” method=“post | get” action=“XXX.php”> … </form> Method屬性 : 設定資料送出的方式，GET(大小寫不分)是使用URL網址的參數傳遞，POST使用HTTP通訊協定的標頭資料傳遞。 (2)Action屬性 : 設定PHP表單處理程式所在路徑，也可以URL網址。

5 PHP的表單處理 $_POST與$_GET結合陣列變數
PHP表單處理是使用二個由PHP引擎建立的預定變數(predefined variables)，來取得欄位資料，這兩個分別是$_POST及$_GET。 預定變數 Method屬性值 說明 $_POST POST ( post) 儲存透過HTTP POST方法傳入PHP程式檔案的表單欄位資料，鍵值是欄位名稱。 $_GET GET (get) 儲存透過HTTP GET方法傳入PHP程式檔案的表單欄位資料，鍵值是欄位名稱。 預定變數為PHP程式使用的結合陣列變數，擁有全域變數範 圍的結合陣列變數。

6 文字與密碼方塊 文字與密碼方塊欄位 <input type=“text | password” name=“Name” maxlength=valus readonly=Fasle | True size=“Value” value=“String”> 屬性 說明 type Text為文字、password為密碼方塊。 name 欄位名稱。 maxlength 允許使用者輸入的最大字元數，預設值為0表示不限長度。 readonly 欄位是否唯讀，預設為false表示允許輸入，設定ture表示唯讀。 size 設定欄位顯示有多少個字元。 value 設定欄位的預設值。

7 文字與密碼方塊 取得文字與密碼方塊欄位的內容
$name = $_POST [“Name”] ; $password = $_POST [“Password”] ; (1)上述程式碼的陣列鍵值是表單欄位的名稱屬性name。 (2)$name取文字方塊的內容。 (3)$password 取密碼方塊的內容。

8 PHP的表單處理 HTML標籤建立網頁表單
表單標籤 說明 <form>…</form> 在HTML文件建立表單。 <input type=…> 輸入或選擇資料的表單欄位，包含按鈕和文字方塊欄位，不同type屬性表示不同的欄位。 <select>…</select> 建立選單欄位，內含<option>標籤的選項。 <option>…</option> 選單欄位的選項。 <textarea>…</textarea> 文字區域欄位。

9 PHP的表單處理 網頁表單的用途 基本表單架構 :
//開始建立表單 <form name=“name” method=“post | get” action=“URL” enctype=“MIME> <input type=…> //輸入或選擇資料的表單欄位// <textarea>…</textarea> //文字區域 <select> //建立選單欄位 <option>…</option> //選單欄位的選項// </select> <input type=“submit”…> //按鈕欄位 </form> //表單結束 上述<form>標籤是一個表單，擁有<input>、<textarea>、 <select>欄位標籤，在<select>標籤擁有<option>標籤的選項。

10 文字區塊 文字區域欄位 <textarea name = “Name” rows=value cols=value wrap=off | Virtual | physical value =“string”> </textarea> 屬性 說明 Name 欄位名稱。 Rows 欄位可以輸入幾列。 Cols 欄位的每列有幾個字。 Wrap 設定顯示和送出時的換行方式 (1)Off : 不換行。 (2)Virtual : 自動換行，但輸出時仍為一列。 (3)Physical : 自動換行，輸出時也會同時換 行。 Value 欄位的預設值。

11 文字區塊 取得文字區域欄位的內容 $address = $_POST [“Address”]; //取得address文字區域內容
print “地址 : <br>”.n12br($address).”<br>”; 顯示欄位內容時，並不會顯示換行，使用nl2br()函數將換 行符號\n，替換成<br>換行標籤。

12 核取方塊 核取方塊欄位 <input type = “checkbox” name = “Name” checked value = “String”> 屬性 說明 Type Checkbox為核取方塊。 Name 欄位名稱。 Checked 無參數值，只要加上屬性名稱就表示預設勾選。 Value 勾選後表單出的值，沒選到的表單會被忽略掉。

13 核取方塊 取得核取方塊欄位的內容 If (isset($_POST [“Tel”] )) print “使用電話來確認<br>”
(1)PHP程式取得核取方塊欄位內容是使用isset()檢查欄位是 否勾選，傳回值是欄位的value屬性值。 (2)If條件檢查Tel核取方塊是否被勾選，傳回true，表示使用 者勾選這個核取方塊。 Key: 核取方塊將name屬性開成陣列，即可複選。 Ex: <input type = “checkbox” name=“Name[ ]” checked value=“string”>

14 下拉式清單方塊 下拉式清單方塊欄位 <select>標籤需配合<option>標籤的選項，才可以建立複選的表單欄位。有兩種方式，以size區分。 下拉式清單方塊 當size屬性值為1時只顯示一個選項。 清單方塊 顯示的選項不只一個，size的值為選項數。超過顯示太多會出現捲動軸幫助使用者。

15 下拉式清單方塊 網頁表單的用途 <select name=“Name” multiple size=number>
<option value=“Item_Name”>選項名稱</option> <option value=“Item_Name” selected>選項名稱</option> ... </select> select屬性值說明 屬性 說明 Name 欄位名稱。 Multiple 設定是否為複選，為複選時一定是清單方塊。 size (1)1為下拉式清單方塊。 (2)大於1為清單方塊。

16 <option>標籤屬性說明
Value 選項值 Selected 沒有屬性值，加上此屬性表示是預選的選項。

17 下拉式清單方塊 取得下拉式清單方塊欄位的內容
$ship = $_POST [ “Ship”]; //使用$_POST結合陣列取得值 取得值後可用 if 或 switch條件敘述判斷使用者的選擇 Swith (strtoupper($ship)) { //strtoupper為轉換大寫 case “MAIL” : print “使用郵寄遞送<br>”; break; case “UPS” : print “使用快遞遞送<br>”; case “SELF” : print “使用者自取<br>”; }

18 下拉式清單方塊 取得清單方塊欄位的內容 若為單選則和下拉式清單方塊相同。 複選時，表單欄位名稱是一個陣列。
下拉式清單方塊 取得清單方塊欄位的內容 若為單選則和下拉式清單方塊相同。 複選時，表單欄位名稱是一個陣列。 <select name = “Package[ ]” size = “4” multiple> ... </select> 上述<select>標籤的name屬性為一個陣列(Package[ ])

19 選擇欄位 選擇鈕欄位 <input type = “radio” name = “Name” checked value = “String”> 屬性 說明 Type Radio為選擇鈕。 Name 欄位名稱。 Checked 沒有參數值，加上屬性名稱表示預設選取此選擇鈕。 Value 選取後表單送出的值，沒有選取的選取鈕，這個值會被忽略。

20 8-6 選擇欄位 8-6-2 取得選擇鈕欄位的內容 $payment = $_POST [“Payment”];
判斷使用者的選擇，程式需要使用 if 或 switch條件敘述判斷。做法和下拉式清單方塊一樣。

21 隱藏欄位 隱藏欄位 <input type = “hidden” name = “Name” value = “String”>
屬性 說明 Type Hidden為隱藏欄位屬性。 Name 欄位名稱。 Value 欄位送出的值。

22 隱藏欄位 取得隱藏欄位的內容 $order = $_POST [“Order”]; 傳送的值為預設值，不是使用者資料。

23 Input type屬性值 基本語法格式 Text
<input type =“text” name =“Name” size =“Value”> Password <input type =“password” name =“Name” size =“Value”> Checkbox <input type =“checkbox” name =“Name” checked value =“string”> Radio <input type =“radio” nam e=“Name” checked value =“string”> Hidden <input type =“hidden” name =“Name” value =“string”> Select (multiple表複選，size表示顯示的項目。) <input name = “Name” multiple size = “number”> option <option value = “item_Name”>選項名稱</option> textarea <textarea name = “Name” rows = value cols = value wrap = off | virtual | physical value = “String”>