第2章 表格、表單和框架

1、第2章 表格、表單和框架 內(nèi) 容 提 要小結(jié)小結(jié)2.3 2.3 框架框架 2.2 2.2 表單表單2.1 2.1 表格表格 2.1 表格標(biāo)簽的常用屬性如表所示。屬性說明border表格的邊框的寬度，一般由CSS實(shí)現(xiàn)width以百分比或像素指定表格的寬度height以百分比或像素指定表格的高度cellspacing表格中相鄰單元格的間距以及單元格外邊沿與表格邊沿之間的間距，一般由CSS實(shí)現(xiàn)cellpadding單元格的邊沿和它的內(nèi)容的間距，一般由CSS實(shí)現(xiàn)table1.html:表格使用示例表格使用示例1-規(guī)則表格規(guī)則表格學(xué)生信息表學(xué)生信息表學(xué)號(hào)學(xué)號(hào)姓名姓名性別性別這里是表尾這里是表尾0001王

2、明明王明明男男與表格相關(guān)的元素或標(biāo)簽如表所示。 元素說明table表格的最外層標(biāo)記，代表一個(gè)表格tr單元行，由若干單元格橫向排列組成td單元格，包含表格數(shù)據(jù)th單元格標(biāo)題，與td作用相似，但一般作為表頭行的單元格thead表頭分組tfoot表尾分組tbody表格主體分組colgroup列分組caption表格標(biāo)題table3.html:表格使用示例表格使用示例3-不規(guī)則表格不規(guī)則表格1此單元格跨三行此單元格跨三行234567此單元格跨兩列此單元格跨兩列2.2 表單1標(biāo)簽2標(biāo)簽form1.html:表單使用示例表單使用示例1姓名姓名密碼密碼性別性別男男女女愛好愛好游泳游泳讀書讀書音樂音樂&nbs

3、p; form1_ok.jsp:表單使用示例表單使用示例1-顯示表單內(nèi)控件的值顯示表單內(nèi)控件的值%String name = request.getParameter(name);String password = request.getParameter(password);String gender = request.getParameter(gender);String hobby = request.getParameterValues(hobby);out.print(name: + name + );out.print(password: + password + );

4、out.print(gender: + gender + );if (hobby != null) out.print(hobby:);for (int i = 0; i 請(qǐng)選擇喜歡的水果請(qǐng)選擇喜歡的水果 apple orange banana cherry pear watermelon 請(qǐng)?zhí)顚懸庖姾徒ㄗh請(qǐng)?zhí)顚懸庖姾徒ㄗh    form2_ok.jsp:表單使用示例表單使用示例2-顯示表單內(nèi)控件的值顯示表單內(nèi)控件的值 % String fruit=request.getParameterValues(fruit); String suggestion=request.ge

5、tParameter(suggestion); if(fruit!=null) out.println(Your selected fruit:); for(int i=0;ifruit.length;i+) out.print(fruiti+ ); out.println(Your suggestion:+suggestion); %2.3 框架2.3.1 框架的結(jié)構(gòu)標(biāo)簽的常用屬性如表所示。屬性說明colspixels,%,*,定義框架集中列的數(shù)目和尺寸rowspixels,%,*,定義框架集中行的數(shù)目和尺寸frameborder0或1，隱藏或顯示邊框，默認(rèn)值為1framespacing邊框?qū)挾?，以像素為單位bordercolor邊框顏色scrollingyes, no, auto，是否顯示滾動(dòng)條noresize不需要賦值，禁止用戶調(diào)整框架大小frame.html: top