java表單.ppt

1、第八章 WEB頁(yè)面信息的交互,要實(shí)現(xiàn)動(dòng)態(tài)交互，必須掌握有關(guān)窗體對(duì)象(Form)和框架對(duì)象(Frames)更為復(fù)雜的知識(shí)。 一、表單對(duì)象的屬性和方法 二、窗體(表單)中的基本元素 、Text單行單列輸入元素 、textarea多行多列輸入元素 、select選擇元素 、button按鈕 、checkbox檢查框 、radio無(wú)線按鈕 、hidden:隱藏 、password口令 、submit提交元素,1、表單的基本格式 ,Method =信息數(shù)據(jù)傳送方式(get/post) Get方式,web瀏覽器將各表單字段元素及其數(shù)據(jù)按url參數(shù)格式的形式,附在action所指定的url地址后面一起發(fā)給服

2、務(wù)器.使用get方式傳送的數(shù)據(jù)量是有限的,一般在1kb以下 http:/www.a/a.jsp?name=zhangsan Eg:常用的獲取文本框元素 document.frmDat.textName/ document.getElementById(“id”) document.getElementsByName(“textName”); document.getelementsByTagName(“input”);,、Text單行輸入元素,基本屬性： name：設(shè)定提交信息時(shí)的信息名稱(chēng)。對(duì)應(yīng)于HTML文檔中的Name。 value：用以設(shè)定出現(xiàn)在窗口中對(duì)應(yīng)HTML文檔中Value的信息。

3、defaultvalue：包括Text元素的默認(rèn)值 基本方法： blur()：失去焦點(diǎn) focus():得到焦點(diǎn) select()：全選文字。 主要事件： onFocus：當(dāng)Text獲得焦點(diǎn)時(shí)，產(chǎn)生該事件。 OnBlur：從元素失去焦點(diǎn)時(shí)，產(chǎn)生該事件。 Onselect：當(dāng)文字被加亮顯示后，產(chǎn)生該文件。 onchange：當(dāng)Text元素值改變時(shí)，產(chǎn)生該文件。,常用的獲取文本框元素 document.frmDat.textName document.getElementById(“id”) document.getElementsByName(“textName”); document.gete

4、lementsByTagName(“input”); 獲取文本框元素的值 value 設(shè)置文本框txtObj的只讀屬性 readOnly 設(shè)置文本域是否可用 disabled,獲取文本框的值 設(shè)置文本框的值 文本框的驗(yàn)證 長(zhǎng)度 漢字 電話號(hào)碼,基本屬性 name：設(shè)定提交信息時(shí)的信息名稱(chēng)，對(duì)應(yīng)HTML文檔Textarea的Name。 Value：用以設(shè)定出現(xiàn)在窗口中對(duì)應(yīng)HTML文檔中Value的信息。 Defaultvalue：元素的默認(rèn)值。 方法： blur()：將輸入焦點(diǎn)失去 select()：將文字加亮后 事件： onBlur:當(dāng)失去輸入焦點(diǎn)后產(chǎn)生該事件 onFocus:當(dāng)輸入獲得焦點(diǎn)后

5、，產(chǎn)生該文件 Onchange:當(dāng)文字值改變時(shí)，產(chǎn)生該事件 Onselect:當(dāng)文字加亮后，產(chǎn)生該文件,、textarea多行多列輸入元素,、Select選擇元素,屬性： name:設(shè)定提交信息時(shí)的信息名稱(chēng)，對(duì)應(yīng)文檔select中的name。 Length:對(duì)應(yīng)文檔select中的length options:組成多個(gè)選項(xiàng)的數(shù)組 selectIndex;被選中的選項(xiàng)下標(biāo)值 Text:選中項(xiàng)對(duì)應(yīng)的文字 selected:指明當(dāng)前選項(xiàng)是否被選中 defaultselected:默認(rèn)選項(xiàng) 方法 add:添加新的選項(xiàng) remove:刪除選項(xiàng) 事件： OnBlur：當(dāng)select選項(xiàng)失去焦點(diǎn)時(shí)，產(chǎn)生該文

6、件。 onFocas:當(dāng)select獲得焦點(diǎn)時(shí)，產(chǎn)生該文件。 Onchange:選項(xiàng)狀態(tài)改變后，產(chǎn)生該事件。,動(dòng)態(tài)更新下拉列表 獲取列表框與組合框的值 增，刪，改 日期的聯(lián)動(dòng) 城市的聯(lián)動(dòng),、Button按鈕,屬性： Name:設(shè)定提交信息時(shí)的信息名稱(chēng)，對(duì)應(yīng)文檔中button的Name。 Value:用以設(shè)定出現(xiàn)在窗口中對(duì)應(yīng)HTML文檔中Value的信息。 方法： click()該方法類(lèi)似于一個(gè)按下的按鈕。 事件： onclick當(dāng)單擊button按鈕時(shí)，產(chǎn)生該事件。,、checkbox檢查框,屬性： name:設(shè)定提交信息時(shí)的信息名稱(chēng)。 Value:用以設(shè)定出現(xiàn)在窗口中對(duì)應(yīng)HTML文檔中Val

7、ue的信息。 Checked:該屬性指明框的狀態(tài)true/false. defauitchecked:默認(rèn)狀態(tài) 方法： click()該方法使得框的某一個(gè)項(xiàng)被選中。 事件： onclick:當(dāng)框的選被選中時(shí)，產(chǎn)生該事件。,控制復(fù)選框 全選,全不選,反選 讓某一項(xiàng)選中,、radio按鈕,屬性： name:設(shè)定提交信息時(shí)的信息名稱(chēng)，對(duì)應(yīng)HTML文檔中的radio的name相同 value:用以設(shè)定出現(xiàn)在窗口中對(duì)應(yīng)HTML文檔中Value的信息，對(duì)應(yīng)HTML文檔中的radio的name。 length:單選按鈕中的按鈕數(shù)目。 defalechecked:默認(rèn)按鈕。 checked:指明選中還是沒(méi)有選

8、中。 index:選中的按鈕的位置。 方法： chick():選定一個(gè)按鈕。 事件： onclick:單擊按鈕時(shí)，產(chǎn)生該事件。,讀取選中的單選按鈕的值 測(cè)試計(jì)分,7、Password口令,屬性： Name:設(shè)定提交信息時(shí)的信息名稱(chēng)，對(duì)應(yīng)HTML文檔中password中的name。 Value:用以設(shè)定出現(xiàn)在窗口中對(duì)應(yīng)HTML文檔中Value的信息，對(duì)應(yīng)HTML文檔中password中的Value。 defaultvalu:默認(rèn)值 方法 select():加亮輸入口令域。 blur():使這丟失passward輸入焦點(diǎn)。 focus():獲得password輸入焦點(diǎn)。,8、submit提交元素,屬性： name:設(shè)定提交信息時(shí)的信息名稱(chēng)，對(duì)應(yīng)HTML文檔中submit。 Value:用以設(shè)定出現(xiàn)在窗口中對(duì)