版權說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權,請進行舉報或認領
文檔簡介
1、J2EE,FORM表單,表單簡介,表單在HTML頁面中起著重要作用,它是與用戶交互信息的主要手段。一個表單至少應該包括說明性文字、用戶填寫的表格、提交和重填按鈕等內(nèi)容。 表單中主要包括下列元素: button普通按鈕 radio 單選按鈕 checkbox復選框 select 下拉式菜單 text 單行文本框 textarea多行文本框 submit提交按鈕 reset 重填按鈕,FORM標記,該標記的主要作用是設定表單的范圍,并指定處理表單數(shù)據(jù)程序的url地址。其基本語法結構如下: action:用于設定處理表單數(shù)據(jù)程序url的地址。這樣的程序通常是服務端程序,采用電子郵件方式時,用acti
2、on=mailto:你的郵件地址。 method:指定數(shù)據(jù)傳送到服務器的方式。有兩種主要的方式,當method=get時,將輸入數(shù)據(jù)加在action指定的地址后面?zhèn)魉偷椒掌?;當method=post時則將輸入數(shù)據(jù)按照HTTP傳輸協(xié)議中的post傳輸方式傳送到服務器,用電子郵件接收用戶信息采用這種方式。 name:用于設定表單的名稱。 onrest和onsubmit是主要針對reset按鈕和submit按鈕來說的,分別設定了在按下相應的按鈕之后要執(zhí)行的javascript函數(shù)。 target:指定輸入數(shù)據(jù)結果顯示在那個窗口,這需要與標記配合使用。 示例 請?zhí)钊肽男彰?請?zhí)钊腚娫捥柎a: 見示
3、例p03.html,Text (單行文字輸入框), 主要屬性 type=Text 輸入方式為 Text (單行文字輸入框) 。 name=age 輸入框名稱,服務端程序根據(jù)此名稱接收輸入的值。 value=20 輸入框內(nèi)定值。若不填寫則輸入框是空白的。 size=“2” 輸入框顯示的長度。 (注:在多數(shù)瀏覽器中,文本框的寬度默認是20個字符) maxlength=255 輸入框可輸入文字的最大數(shù)量。 例子: 請?zhí)钊腚娫捥柎a: 見示例p04.html,Password, Password 的其他參數(shù)和 Text 是完全相同的,只是Password 所輸入的文字以 * 號表示。 例子: 請輸入姓名
4、: 請輸入密碼: 見示例p05.html,TEXTAREA (多行文本輸入框), 主要屬性 type= textarea 輸入方式為 TEXTAREA(多行文字輸入框)。 name=comments 名稱,參考 Text 部分的說明。 cols=40 文字區(qū)塊的寬度。 rows=4 文字區(qū)塊的列數(shù)。 例子: Give comments: 這是預設的字句,通常留空的,隨你喜歡。 見示例p06.html,Radio (單選鈕), 主要屬性 type=Radio 輸入方式為 Radio (單選鈕) 。 name=gender 名稱,參考 Text 部分的說明。 value=female 內(nèi)定值。每一
5、個 radio 必須及僅有一個 value,通常有同時采用兩個或以上同 name 不同 value 的 Radio 輸入方式,可讓使用使任選其一。 checked 設該 Radio 為內(nèi)定被選。同 name 的各個 Radio 中只能有一個使用,或全不使用這 參數(shù)。 例子: 請選性別: 女性 男性 你喜歡嗎? 喜歡 不喜歡 不肯定 見示例p07.html,Checkbox (復選鈕), 主要屬性 type=Checkbox 輸入方式為 Checkbox (復選鈕) 。 name=idol 名稱,參考 Text 部分的說明。 value=Leon 內(nèi)定值。每一個 Checkbox 必須及僅有一個
6、 value,當被選時這值便會傳到服務端程序。 checked 設該 Checkbox 為內(nèi)定被選。 例子: 你喜歡以下哪些明星? 黎明 酒井法子 鄭秀文 BonJovi 見示例p08.html,Submit/Reset按鈕, 主要屬性 type=Submit 設定為 Submit 或 Reset。Submit用來提交表單,reset用來重置表單中元素的數(shù)據(jù)。 type還可設定為Button,這時沒有具體功能,一般配合javascript工作。 name=other_funtion 按鈕名稱。 value=確定 顯示按鈕文字。 例子: 姓名: 見示例p09.html,Image (圖片按鈕),
7、通常用以取代其它按鈕,產(chǎn)生漂亮的效果。 主要屬性 type=Image 輸入方式為 Image。 name=submit 所要代表的按鍵,可以是 submit, reset, 或其它。 src=ex_icon.gif 按鍵圖片來源,若此圖片文件不與該 html 文件在同一目錄下,請加上相對或絕對途 徑。 例子: 見示例p10.html,File (上傳文件框), 主要屬性 type=File 輸入方式為 Image。通常用以傳輸文件。 name=upload 上傳文件框的名稱。 size=20 上傳文件框的長度。 maxlength=100 可輸入文字的最大數(shù)量。 例子: 見示例p11.htm
8、l,Hidden (隱藏域), 主要屬性 type=Hidden 輸入方式為隱藏或內(nèi)定。它不會顯示任何輸入介面,而是一個內(nèi)定值隨表單一起 傳給服務端程序。 name=ID 名稱,用以識別之用。 value=6618 內(nèi)定值,會以如 ID=6618 形式傳給服務端程序。 例子: 見示例p12.html, (下拉框),下拉框中,每一選項由 描述。 主要屬性 name=where 名稱,參考 Text 部分的說明。 size=6 顯示高度。 multiple 可多重選擇。 主要屬性 value=tw 此選項的值。 selected 設該選項為內(nèi)定被選。下拉框只能有一項可內(nèi)定被選。 例子: Where you com from? Hong Kong Taiwan China United States Canada 見示例p13.html
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經(jīng)權益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
- 6. 下載文件中如有侵權或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 2026浙江省社會主義學院招聘專職教師3人參考考試試題附答案解析
- 2026年馬鞍山市當涂縣數(shù)媒文旅發(fā)展有限責任公司公開招聘勞務派遣制工作人員備考考試試題附答案解析
- 生產(chǎn)報銷制度模板范本
- 電裝生產(chǎn)車間管理制度
- 公司生產(chǎn)保密制度
- 選礦廠安全生產(chǎn)獎罰制度
- 屠宰車間生產(chǎn)管理制度
- 安全生產(chǎn)工作巡查制度
- 鋁箔生產(chǎn)現(xiàn)場管理制度
- 藝術中心安全生產(chǎn)制度
- 棄土場規(guī)范規(guī)章制度
- 2026年水下機器人勘探報告及未來五至十年深海資源報告
- 安徽省蕪湖市鳩江區(qū)2024-2025學年高一上學期期末考試生物試卷
- 2025年對中國汽車行業(yè)深度變革的觀察與思考報告
- 雙重預防體系建設自評報告模板
- 福建省泉州市晉江市2024-2025學年八年級上學期1月期末考試英語試題(含答案無聽力音頻及原文)
- 專題五 以新發(fā)展理念引領高質(zhì)量發(fā)展
- GB/T 22417-2008叉車貨叉叉套和伸縮式貨叉技術性能和強度要求
- GB/T 20145-2006燈和燈系統(tǒng)的光生物安全性
- GB/T 1.1-2009標準化工作導則 第1部分:標準的結構和編寫
- 長興中學提前招生試卷
評論
0/150
提交評論