1JSP 2.0 動態網頁技術 第三版動態網頁技術 第三版1第章 表單與互動式網頁第章 表單與互動式網頁 HTML表單表單JSP藉由標籤所構成的表單區塊中，取得使用者於其中特定位輸 入的資內容 。JSP 2.0 動態網頁技術 第三版動態網頁技術 第三版2第章 表單與互動式網頁第章 表單與互動式網頁HTML表單位表單位HTML定義可用以放置於表單區域內的位與功能選項標籤 。JSP 2.0 動態網頁技術 第三版動態網頁技術 第三版3第章 表單與互動式網頁第章 表單與互動式網頁HTML表單位標籤表單位標籤功能功能標籤標籤明明文字方塊提供輸入單文字、字等資的文字方 塊。 選項按鈕提供似收音機按鈕的單一選項按鈕。核取方塊提供外觀包含一個四邊形方塊，可供勾選 特定項目的核取方塊。 文字區塊提供大、多的文字、字等型態的資 輸入方塊。 下清單方塊 提供具備清單選項的下式文字方塊。組合式方塊提供具備清單選項的多選項文字方塊。傳送按鈕提供將網頁資內容傳送回伺服器的按 鈕。 重設按鈕提供重設網頁資內容的重設按鈕。JSP 2.0 動態網頁技術 第三版動態網頁技術 第三版4第章 表單與互動式網頁第章 表單與互動式網頁 文字輸入方塊文字輸入方塊文字輸入方塊用取得使用者於網頁所輸入的姓名、地址之等相關資 內容 。文字方塊外觀密碼輸入位會出現密碼符號代替使用者所輸入的資，避免密碼被其 它人看。JSP 2.0 動態網頁技術 第三版動態網頁技術 第三版5第章 表單與互動式網頁第章 表單與互動式網頁文字輸入方塊屬性文字輸入方塊屬性屬性屬性明明typetext / password。name指定文字輸入的名稱。如name=“usrname“name=“usrname“，則在JSP 程式中可用此名稱取得其中所輸入的資。value設定文字位的預設值。size設定文字位的長。maxlength設定文字位可接受的字元上限，中文字也算一個字 元。JSP 2.0 動態網頁技術 第三版動態網頁技術 第三版6第章 表單與互動式網頁第章 表單與互動式網頁多文字輸入方塊多文字輸入方塊多文字輸入方塊使用於輸入大的文字資：2JSP 2.0 動態網頁技術 第三版動態網頁技術 第三版7第章 表單與互動式網頁第章 表單與互動式網頁多文字輸入方塊屬性多文字輸入方塊屬性屬性屬性明明name設定文字區塊的名稱rows設定文字區塊顯示的cols設定文字區塊顯示的value設定文字區塊的預設值JSP 2.0 動態網頁技術 第三版動態網頁技術 第三版8第章 表單與互動式網頁第章 表單與互動式網頁單選鈕單選鈕 單選鈕使用於多選一的情況，標籤type屬性設定 為radio： 具有相同name屬性的單選鈕，被歸納為同一個選項群組， 因此只能選擇其中某一個選項，name屬性同則為各自 獨的選擇群組 一個以上的單選鈕組合，提供使用者於網頁上點選所 需的特定選項。JSP 2.0 動態網頁技術 第三版動態網頁技術 第三版9第章 表單與互動式網頁第章 表單與互動式網頁單選鈕屬性單選鈕屬性屬性明name設定該單選鈕的名稱value設定單選鈕傳回給JSP程式的值checked設定單選鈕是否為預設選取JSP 2.0 動態網頁技術 第三版動態網頁技術 第三版10第章 表單與互動式網頁第章 表單與互動式網頁核選方塊核選方塊 核選方塊用複選多個選項，為type屬性設為 checkbox的INPUT標籤。 核選方塊代表一種布型態的資，是符合其提示 明則勾選。 一組核選塊並會特別限定只允許勾選其中一個項目。JSP 2.0 動態網頁技術 第三版動態網頁技術 第三版11第章 表單與互動式網頁第章 表單與互動式網頁核選方塊屬性核選方塊屬性屬性明name設定核選方塊的名稱value設定核選方塊傳回給JSP程式的值checked設定核選方塊是否為預設選取，值為true則表示預設選取JSP 2.0 動態網頁技術 第三版動態網頁技術 第三版12第章 表單與互動式網頁第章 表單與互動式網頁下式選單下式選單下式選單的主體由、標籤所組成，而其內容選 項則是使用標籤設定。選項1 選項23JSP 2.0 動態網頁技術 第三版動態網頁技術 第三版13第章 表單與互動式網頁第章 表單與互動式網頁下式選單屬性下式選單屬性 屬性明name設定下式選單的名稱。size設定下式選單顯示的項目個。multiple設定下式選單內的資是否能夠複選。屬性明value設定資選項所傳回給JSP的值。selected設定資選項為預設選取。JSP 2.0 動態網頁技術 第三版動態網頁技術 第三版14第章 表單與互動式網頁第章 表單與互動式網頁傳送按鈕與重設按鈕傳送按鈕與重設按鈕 傳送按鈕：當使用者按下按鈕後可將資傳送給程式 處。 重設按鈕：將輸入與選擇的資清除。 屬性valuevalue用設定按鈕上的顯示文字。JSP 2.0 動態網頁技術 第三版動態網頁技術 第三版15第章 表單與互動式網頁第章 表單與互動式網頁改的Hello World範改的Hello World範JSP 2.0 動態網頁技術 第三版動態網頁技術 第三版16第章 表單與互動式網頁第章 表單與互動式網頁表單與互動式網頁架構表單與互動式網頁架構JSP 2.0 動態網頁技術 第三版動態網頁技術 第三版17第章 表單與互動式網頁第章 表單與互動式網頁 表單表單標籤於網頁建構一塊特定區域作為一種標籤容器，形成 收集使用者資功能的網頁表單。屬性method、action以及name，合併標籤，形成建置表單的完整 語法。表單內容區塊其中method指定網頁以何種模式傳送表單的位資，可能的種模式 分別是PostPost以及GetGet。action代表這一份表單網頁傳送出去之後，伺服器對其回應所回傳的網頁 徑位址，是這個屬性沒有設定，網頁本身會被當作action屬性值。name代表表單的名稱，JSP用這個名稱，辨網頁中的特定表單區 塊。JSP 2.0 動態網頁技術 第三版動態網頁技術 第三版18第章 表單與互動式網頁第章 表單與互動式網頁 request物件request物件request物件為網頁伺服端程式中，用以取得用戶端表單位內容 資的主要核心物件。request物件讓網頁伺服器運作的過程，得以和客戶端的使用者相 互作溝通 。request物件是實作javax.servlet套件下的HttpServletRequest介面而 ，而此介面又是延伸自ServletRequest，因此request物件能夠使用 這個介面中所定義的方法。4JSP 2.0 動態網頁技術 第三版動態網頁技術 第三版19第章 表單與互動式網頁第章 表單與互動式網頁request物件方法成員request物件方法成員分方法明取得 使用 者 GetParameter(strName)傳回指定變名稱的資。GetParameterValues(strName)傳回所有變名稱的集合，此集合中的內容為各個傳送的變名 稱。GetParameterNames()傳回指定名稱的陣，使用者所輸入的資為複，且變名稱 相同，則使用此方法取得複的陣資。 取得 系統 資訊getProtocol()傳回通訊協定的方式getRemoteAddr()傳回客戶端使用者的IP位址getRemoteHost()傳回客戶端使用者的主機名稱getRemoteHost()傳回發出請求的方式，如http、ftp、telnetgetScheme()傳回發出請求的方式，如http、ftp、telnetgetServerName()傳回伺服主機的名稱getServerPort()傳回伺服器主機的接埠號碼，如：8080getRealPath(“)傳回目前虛擬徑的真實徑getMethod()傳回傳送資的方式，如：GET、POSTgetQueryString()傳回附在網址後的字資getRequestURI()傳回請求的URI字，包含網址後的查詢字，如 http:/myCom/jsp?data=helloworld!會傳回/myCom/jsp getServletPath()傳回程式的相對徑與檔名取得 標頭 資訊getHeader(String name)傳回名稱為name的請求標頭內容getHeaderNames()傳回所有請求標頭名稱的集合JSP 2.0 動態網頁技術 第三版動態網頁技術 第三版20第章 表單與互動式網頁第章 表單與互動式網頁取得表單位資取得表單位資 GetParameter()是用以取得表單位資最簡單的方 法：request.GetParameter(strName) strName，代表所要取得的表單位名稱。JSP 2.0 動態網頁技術 第三版動態網頁技術 第三版21第章 表單與互動式網頁第章 表單與互動式網頁設定中文編碼設定中文編碼 方法setCharacterEncoding()用設定request物件的編碼格 式，此方法接受一個代表編碼格式的別字，繁體 中文的編碼為Big5Big5：JSP 2.0 動態網頁技術 第三版動態網頁技術 第三版22第章 表單與互動式網頁第章 表單與互動式網頁Post 以及以及 Get差差 的MethodMethod屬性，有種可能值，PostPost以及GetGet。 PostPost將所要傳送的資包含在HTTP檔頭，Get將資直 接接在網址的後端。 使用 GetParameter GetParameter 取得傳送的資內容 。JSP 2.0 動態網頁技術 第三版動態網頁技術 第三版23第章 表單與互動式網頁第章 表單與互動式網頁getParameterNames() getParameterNames()方法主要是用取得所有傳遞變 的名稱，其回傳值是一個包含所有變名稱的 Enumeration集合物件。JSP 2.0 動態網頁技術 第三版動態網頁技術 第三版24第章 表單與互動式網頁第章 表單與互動式網頁Enumeration介面型態介面型態EnumerationEnumeration是java.utiljava.util套件中的一個介面。 Enumeration objName;Enumeration可使用的方法：hasMoreElement() 傳回布值表示物件中是否還包含元素。nextElement() 傳回集合中的下一個元素，元素的資型為Object。5JSP 2.0 動態網頁技術 第三版動態網頁技術 第三版25第章 表單與互動式網頁第章 表單與互動式網頁nextElement() 方法方法JSP 2.0 動態網頁技術 第三版動態網頁技術 第三版26第章 表單與互動式網頁第章 表單與互動式網頁HTTP運作運作 HTTP通訊協定為網頁伺服器以及瀏覽器之 間，進溝通與資交換所需的規則，HTTP 整個運作的過程式可分為三個步驟。 請求請求 標頭資交換標頭資交換 主體資傳輸主體資傳輸JSP 2.0 動態網頁技術 第三版動態網頁技術 第三版27第章 表單與互動式網頁第章 表單與互動式網頁HTTP運作運作-請求請求請求請求JSP 2.0 動態網頁技術 第三版動態網頁技術 第三版28第章 表單與互動式網頁第章 表單與互動式網頁HTTP 運作運作-標頭資交換標頭資交換標頭資交換標頭資交換JSP 2.0 動態網頁技術 第三版動態網頁技術 第三版29