php從入門開始（5）-----表單

標籤：

 

1.   表單的概念

是用來擷取用戶端使用者資料的（資訊）的。如：註冊表單，查詢表單，登入表單等。

2.  表單的工作原理

1.瀏覽有表單的網頁，填寫一些必要的資訊，然後單擊某個按鈕，進行提交。

2.這些表單資料，通過互連網，傳遞到伺服器上。

3.伺服器上有專門的程式對錶單資料進行驗證。如果驗證成功，將你的資料存入資料庫（MySQL），並返回一個驗證成功的資訊。驗證失敗後，就會返回一個錯誤的資訊。

從上面表單的工作原理看：表單的製作分為兩個部分，一是前台頁面的製作，二是後台PHP對錶單資料的處理。

3.    表單結構

4. <form> 標記屬性---塊元素

l  name：用來區分表單，主要是給javascript來用，JS主要是來做用戶端標段驗證

l  method：表單的提交方式 取值：get   post

l  action：指定表單的處理常式，一般是PHP檔案。

　　u  如果action為空白，那麼表單會把資料提交給當前檔案

l  enctype：表單資料的加密方式，這個屬性,只能用在method=”post”的情況下

　　u  取值application/x-www-fonn-urldecoded //預設的加密方式

　　u  Multipart/fonn-date //上傳c檔案，該值必須是這個

5. GET 方式和POST方式 1. GET 提交方式(基本不用，因為不安全)

GET方式，在地址欄中將表單資料追加到action指定的處理常式的後面，然後向伺服器發出請求

上面URL說明

　　u  login.php 是表單處理程式檔案

　　u  usename=yao&userpwd=123456 是表單提交的資料，又稱為查詢字串

　　u  action檔案和查詢字串用“？”分隔

　　u  每兩個表單元素的“名稱=值”之間用“&”分割

　　u  表單名稱和表單值之間用“=”分割

如果某個表單元素，不想往伺服器傳遞資料，那麼，我們可以不給他加name屬性，傳遞到伺服器的資料如果沒有name，則無法擷取它的值。

GET 方式的特點

（1）；GET方式不能提交敏感性資料  如：密碼

（2）；GET方式只能提交少量資料，因為資料欄中不能存放太多資料

（3）；不能傳遞附件

2.   POST 傳遞的方式

        POST提交方式不是將資料追加到地址上，而是直接傳給表單處理程式

        POST 傳遞方式特點

               （1）；相對安全

               （2）；可以傳遞海量資料

               （3）；可以上傳附件

6. 文本組件

l  文法格式 ：<input  type=”組件類型” 屬性=“值” />

l  常用屬性

　　n  name :組件的名字，命名規則：可以包含字母，數字，底線，只能以字母開頭

　　n  type：表單元素的類型

　　n  value：組件中的值，該值將發往伺服器

　　n  size ：文字框的長度，單位：字元

　　n  maxlength :文字框最多可以輸入多少個字元

　　n  readonly ：唯讀屬性，可以選中，但無法修改 如:readonly = “readonly”

　　n  disabled :禁用屬性，不能選中，也無法被修改 如:disabled=”disabled”

（1）單行文本域

組件類型：txet

特點：無法換行

(2) 單行密碼框

    組件類型：password

特點：輸入的內容以密文顯示

（3）選項按鈕

       組件類型：radio

       特殊屬性：checked：預設值選項 如:checked=”checked”

注意：一組選項按鈕中只能選擇一個，但name的值必須一致，一組的選項按鈕name的值一致

（4）複選框

組件類型：checkbox

       特殊屬性：checked：預設值選項 如:checked=”checked

 

 

 

注意：複選框也是一組選項，因此name的值也得一致，使用數組來擷取多個同名name的值

（5）上傳檔案域

       組件類型：file

       屬性：value：表單元素的值，這個值其實就是上傳的檔案名稱，value屬性是唯讀屬性，內容是手動上傳的檔案，而不能使用者自己制定一個路徑，為了安全起見value只能是唯讀。

       注意：現在只能實現上傳檔案框，不能實現真正的上傳。上傳功能需要用PHP實現

 

（6）隱藏欄位

組件類型：hidden

屬性: name value

功能：看不見的一個框，就是為了傳遞一些值，而且不想讓別人看見

用處：PHP背景程式 如：修改某一個新聞的ID號

7. 下拉式清單

 <select name=”名稱”>

　　      <option value =”標籤1”>標籤1</option>

　　　　<option value =”標籤2”>標籤2</option>

　　　　<option value =”標籤3”>標籤3</option>

</select>

<select>的屬性 name

<potion>屬性 :value :傳回資料庫的值 ，selected 屬性：預設選中 如selected=”selected”

8. 文本地區

<textarea  name=”名稱” cols=””寬度  rows=“高度”></textarea>

常用屬性

l  name :元素名稱

l  cols： 寬度，單位：字元

l  rows ：高度   單位：字元

提示；<textarea>和</textarea>之間是預設內容

9. 按鈕

l  提交按鈕  <input  type=”submit” value=”提交”/>

l  重設按鈕  <input  type=”reset” balue=”重設”/>

l  圖片按鈕  <inout  type=”image”src=”路徑”/> 預設功能就是提交表單

l  普通按鈕  <input  type=”button”value=”按鈕標籤”>

　　n  普通按鈕沒有任何作用，一般要通過和JS的代碼配合使用

10. 上傳

格式：<input  type=”file” 屬性>

11. 表格標題

格式：<caption>標題</caption>

提示：<caption>標記是<table>的子標記，<caption>標記放在<table>標記開始之後

 

 

php從入門開始（5）-----表單