《表單處理》PPT課件.ppt

第十三章講表單處理 本節(jié)內(nèi)容 窗體處理與URL參數(shù) 重點(diǎn) 網(wǎng)頁(yè)窗體的用途HTML標(biāo)簽建立網(wǎng)頁(yè)窗體 POST與 GET結(jié)合數(shù)組變量URL參數(shù)傳遞數(shù)據(jù)常用Html標(biāo)簽 掌握 文本框 密碼框 文本區(qū)域框單選框 多選框 下拉框 Web服務(wù)器 客戶(hù)端 向服務(wù)器發(fā)送頁(yè)面請(qǐng)求 Web服務(wù)器處理請(qǐng)求并返回請(qǐng)求的頁(yè)面 HTTP負(fù)責(zé)請(qǐng)求和響應(yīng) 4 METHOD post或get 表單 ACTION METHOD 指定提交后由服務(wù)器上哪個(gè)處理程序處理 指定向服務(wù)器提交的方法 一般為post或get方法 post方法比較安全 ACTION URL 13 1 2HTML表單標(biāo)簽 在HTML卷標(biāo)關(guān)于網(wǎng)頁(yè)窗體的標(biāo)簽只有五個(gè) 如下表所示 13 1 2建立網(wǎng)頁(yè)窗體 架構(gòu) 13 1 2標(biāo)簽的屬性 name屬性 窗體名稱(chēng) method屬性 設(shè)定數(shù)據(jù)送出方式 如下 action屬性 設(shè)定PHP窗體處理程序所在的路徑 也可以是URL網(wǎng)址 如下所示 enctype屬性 設(shè)定窗體數(shù)據(jù)傳送時(shí)的編碼方式 13 1 3 POST與 GET 在服務(wù)器端的PHP接收程序中 必須依照標(biāo)簽中的method屬性設(shè)定值 利用PHP內(nèi)建的 預(yù)定變量 來(lái)接收傳過(guò)來(lái)的數(shù)據(jù) PHP關(guān)于窗體處理的 預(yù)定變量 有下列兩種 1 GET 默認(rèn)方式 接收由窗體頁(yè)面使用get方法 URL網(wǎng)址參數(shù)傳遞 傳送過(guò)來(lái)的字段數(shù)據(jù) 屬于全局的結(jié)合數(shù)組變量 其數(shù)組索引值為所接收字段的識(shí)別名稱(chēng) 2 POST 接收由窗體頁(yè)面使用post方法 HTTP標(biāo)頭資料傳遞 傳送過(guò)來(lái)的字段數(shù)據(jù) 屬于全局的結(jié)合數(shù)組變量 其數(shù)組索引值為所接收字段的識(shí)別名稱(chēng) 13 1 3 POST與 GET 而使用POST方法時(shí) HTTP會(huì)將表單的輸入信息進(jìn)行包裝后發(fā)送 而GET方式是附加在Action所設(shè)定的URL之后發(fā)送 使用POST方法 用戶(hù)數(shù)據(jù)的長(zhǎng)度沒(méi)有限制 而由于系統(tǒng)內(nèi)置變量的長(zhǎng)度限制了輸入字符串的長(zhǎng)度 因此 用GET方式所能傳送的數(shù)據(jù)長(zhǎng)度受到限制 一般為2k字節(jié) 13 1 3 POST與 GET 例如 網(wǎng)頁(yè)窗體擁有名為Username的標(biāo)簽 在PHP程序代碼可以使用上表的預(yù)定變量取得域值 如下所示 name POST Username name GET Username PHP程序代碼到底是使用 POST或 GET變量 需視HTML窗體卷標(biāo)的method屬性值而定 當(dāng)method post 則使用 POST 否則使用 GET 13 1 4URL參數(shù)傳遞數(shù)據(jù) PHP除了可以使用本章后的窗體來(lái)傳遞數(shù)據(jù)外 還可以使用超鏈接URL參數(shù)轉(zhuǎn)址傳送數(shù)據(jù)給其他PHP程序 如下所示 登入網(wǎng)站標(biāo)簽的超鏈接傳遞Username和Password一共兩個(gè)參數(shù) 13 1 4URL參數(shù)傳遞 取得參數(shù)值 PHP程序取得超鏈接傳遞參數(shù)如同窗體的get方法 可以使用 GET數(shù)組變量取得參數(shù)或域值 如下所示 username GET Username pass GET Password 13 2 1文本框 文字與密碼框文本域標(biāo)簽取得文字框的內(nèi)容 13 2 1文字與密碼方塊字段 語(yǔ)法 文字和密碼方塊都可以輸入一段文字內(nèi)容 唯一的差別在于密碼字段輸入的數(shù)據(jù)并不會(huì)顯示出來(lái) 而是使用小圓點(diǎn)或 星號(hào)代替 其基本語(yǔ)法如下所示 13 2 1文字與密碼方塊字段 屬性 語(yǔ)法的屬性說(shuō)明 如下表所示 13 2 1取得文字與密碼方塊字段的內(nèi)容 在建立好文字與密碼方塊的HTML窗體后 我們就可以撰寫(xiě)PHP程序取得字段內(nèi)容 文字與密碼字段是直接將輸入數(shù)據(jù)傳到服務(wù)器 PHP程序只需使用 POST結(jié)合數(shù)組變量就可以取得字段內(nèi)容 如下所示 username POST User password POST Pass 上述程序代碼的數(shù)組鍵值是表單域的名稱(chēng)屬性name 分別為 User文本框和Pass密碼方塊的內(nèi)容 name printf Theaddress swillsoonbeaspam magnet email Name EmailAddress 13 2 1取得文字與密碼方塊字段的內(nèi)容 13 2 1文字區(qū)域字段 語(yǔ)法 當(dāng)需要輸入整個(gè)段落或整篇文字時(shí) 我們就可以在窗體使用文字區(qū)域字段 其基本語(yǔ)法如下所示 13 2 1文字區(qū)域字段 屬性 name 此窗體組件的識(shí)別名稱(chēng) rows 此窗體組件的最大顯示列數(shù) cols 此窗體組件的最大顯示字符數(shù) wrap 設(shè)定當(dāng)此窗體組件顯示與送出數(shù)據(jù)時(shí)的換行方式 off 不換行 virtual 顯示時(shí)自動(dòng)換行 但輸出字段數(shù)據(jù)時(shí)仍視為一整行字符串 physical 不管是顯示或輸出字段數(shù)據(jù)時(shí) 都自動(dòng)換行 13 2 1取得文字區(qū)域字段的內(nèi)容 在建立文字區(qū)域字段的HTML窗體后 就可以撰寫(xiě)PHP程序取得字段內(nèi)容 如下所示 msg POST Message print 意見(jiàn) msg 13 2 2 單選按鈕語(yǔ)法 性別 男性女性 sex 男女 13 2 2 單選按鈕語(yǔ)法 13 2 3復(fù)選框 復(fù)選框字段取得復(fù)選框字段的內(nèi)容 13 2 3復(fù)選框字段 語(yǔ)法 表單域的復(fù)選框如同一個(gè)開(kāi)關(guān) 可以勾選或取消勾選來(lái)設(shè)定是否使用此功能 其基本語(yǔ)法如下所示 13 2 3復(fù)選框字段 屬性 type 屬性值 checkbox 代表為核選方塊組件 name 組件的識(shí)別名稱(chēng) checked 此屬性無(wú)相對(duì)參數(shù)值 附加此屬性代表該項(xiàng)目默認(rèn)值為 已選取 狀態(tài) value 當(dāng)核選此窗體后所送出的相對(duì)值 13 2 3取得復(fù)選框字段的內(nèi)容 列表框如果是單選 PHP處理程序取得選擇的方式和下拉列表框相同 如果是復(fù)選的列表框字段 HTML窗體卷標(biāo)的域名是一個(gè)數(shù)組 如下所示 foreach POST languages AS language echo language What syourfavoriteprogramminglanguage checkallthatapply C JavaScriptPerlPHP 13 2 4下拉列表框 下拉列表框字段取得下拉列表框字段的內(nèi)容取得列表框字段的內(nèi)容 13 2 4下拉列表框字段 種類(lèi) 下拉列表框 當(dāng)size屬性值為1時(shí)只顯示一個(gè)選項(xiàng) 需要按右邊 鈕才能顯示其他選項(xiàng) 如下圖所示 列表框 和下拉列表框一樣 只不過(guò)顯示的選項(xiàng)不只一個(gè) size屬性為顯示的選項(xiàng)數(shù) 如果選項(xiàng)太多超過(guò)列表框尺寸 窗口就會(huì)出現(xiàn)卷動(dòng)軸幫助檢視選項(xiàng) 如下圖所示 13 2 4下拉列表框字段 語(yǔ)法 HTML的標(biāo)簽需要配合卷標(biāo)的選項(xiàng) 才能建立下拉列表框字段 其基本語(yǔ)法 如下所示 選項(xiàng)名稱(chēng)選項(xiàng)名稱(chēng) 13 2 4下拉列表框字段 屬性 卷標(biāo)的屬性說(shuō)明 如下表所示 name 組件的識(shí)別名稱(chēng) 如果此組件可復(fù)選 則組件的識(shí)別名稱(chēng)必須為一數(shù)組變量 size 設(shè)定所顯示的選項(xiàng)數(shù)目 如果值為1 此元件會(huì)以 下拉式選單 型態(tài)顯示 卷標(biāo)的屬性說(shuō)明 如下表所示 value 當(dāng)此項(xiàng)目被核選并執(zhí)行傳送動(dòng)作時(shí) 所傳遞的內(nèi)容數(shù)據(jù)值