通過代碼實例跟我學(xué)j2eeweb組件相關(guān)技術(shù)——html標(biāo)簽的相關(guān)的教學(xué)示例（第3部分-文庫吧
2025-10-11 07:42 本頁面
【正文】 在此省略 /form 其中的 action 屬性定義該表單請求的 Web 服務(wù)器端程序的 URL 地址，本示例為某個 JSP頁面文件； method 屬性指定本表單的請求方式，可以為 get 請求和 post 請求；而 id 屬性定義該表單的名稱，有助于在 JavaScript 腳本程序中對表單進行動態(tài)編程控制； onsubmit 屬性為該表單添加一個事件響應(yīng)的 JavaScript 腳本函數(shù)，當(dāng)該表單進行提交后將首先執(zhí)行由 onsubmit屬性所指定的 JavaScript 腳本程序代碼。 （ 3） HTML 表單的兩種提交方式： get 和 post，由 form標(biāo)簽中的 method 屬性決定 在使用 POST 方法時，參數(shù)作為文檔標(biāo)題的一部分發(fā)送到 Web 服務(wù)器，對于使用標(biāo)準(zhǔn)方法查看頁面的任何人都是不可見和不可訪問的。 而 GET 方法將參數(shù)追加到請求的 URL 上，因此，這些參數(shù)對于查看頁 面的任何人都是可見的。 掌握 與 Web 表單相關(guān)的各個控件標(biāo)簽 由于 form標(biāo)簽只是一個表單的區(qū)塊定義，可以將它理解為一個應(yīng)用程序的對話框窗口區(qū)域，而操作界面中的具體輸入控件則是由包含在 form標(biāo)簽內(nèi)的各個控件標(biāo)簽定義。 form標(biāo)簽內(nèi)的 input標(biāo)簽（ type 屬性表示輸入的類型， name 屬性表示該標(biāo)簽的名稱標(biāo)識） 楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 4/13 頁 4 input標(biāo)簽產(chǎn)生各種“輸入”類的 Web 表單控件，用于搜集用戶請求的各種輸入信息。而不同的控件類型則是根據(jù)它的 type 屬性的取值進行區(qū)分的，主要分為單行文本輸入控件、密碼輸 入控件、單選框、復(fù)選框、隱藏輸入控件、普通按鈕、提交按鈕、取消按鈕、圖像提交、文件上傳控件等多種形式。下表說明了 input標(biāo)簽內(nèi)的 type 屬性的各種可能的取值及對應(yīng)的控件類型。 輸入控件的類型 type屬性的取值 輸入控件的類型 type屬性的取值 單行文本輸入控件 text 普通按鈕 button 密碼輸入控件 password 提交類按鈕 submit 復(fù)選框 checkbox 取消類按鈕 reset 單選框 radio 圖片提交按鈕 image 隱藏輸入控件 hidden 文件上傳控件 file 單行文本輸入框 input type=text name=age value=0 密碼輸入框 input type=password name=userPassWord 單選按鈕 input type=radio name=gender value=male checked=checked男 input type=radio name=gender value=female 女 復(fù)選框 input type=checkbox name=fruit value=apple 蘋果 br input type=checkbox name=fruit value=grap checked葡萄 br input type=checkbox name=fruit value=orange 桔子 br 下拉列表框 在 HTML 頁面中利用 select標(biāo)簽（其中的 name 屬性定義該下拉列表框的對象名稱）可以產(chǎn)生出下拉列表框，而利用包 含在其中的 option標(biāo)簽（其中的 value 屬性指示該項被選中后向服務(wù)器程序提交的具體值、 selected 屬性表示該選項為默認(rèn)選中的項目）定義出 下拉列表框中的每個列表項目。 下面為利用 select和 option標(biāo)簽相互組合，定義描述某個表單中的下拉列表框的代碼楊教授工作室 精心創(chuàng)作的優(yōu)秀程序員 職業(yè)提升必讀系列資料 楊教授工作室，版權(quán)所有，盜版必究 ， 5/13 頁 5 片段示例，其中的第一個列表項目作為默認(rèn)的選中項目（注意黑體所標(biāo)識的標(biāo)簽）： select id=showStyle_FormSelect option value=0 selected=selected選擇風(fēng)格 /option option value=1正常風(fēng)格 /option option value=2古典風(fēng)格 /option option value=3自定義風(fēng)格 /option /select 多行文本輸入框 由于 input type=text標(biāo)簽只能產(chǎn)生單行文本輸入控件，而在許多 Web 應(yīng)用系統(tǒng)（比如
黨政相關(guān)相關(guān)推薦
鄂ICP備17016276號-1