第2章 表格、表单和框架

1、第2章 表格、表单和框架 内 容 提 要 小结小结 2.3 2.3 框架框架 2.2 2.2 表单表单 2.1 2.1 表格表格 2.1 表格 标签的常用属性如表所示。 属性说明 border表格的边框的宽度，一般由CSS实现 width以百分比或像素指定表格的宽度 height以百分比或像素指定表格的高度 cellspacing表格中相邻单元格的间距以及单元格外边沿与表格边沿 之间的间距，一般由CSS实现 cellpadding单元格的边沿和它的内容的间距，一般由CSS实现 table1.html: 表格使用示例表格使用示例1-规则表格规则表格 学生信息表学生信息表 学号学号 姓名姓名 性别

2、性别 这里是表尾这里是表尾 0001 王明明王明明 男男 与表格相关的元素或标签如表所示。 元素说明 table表格的最外层标记，代表一个表格 tr单元行，由若干单元格横向排列组成 td单元格，包含表格数据 th单元格标题，与td作用相似，但一般作为表头行的单元格 thead表头分组 tfoot表尾分组 tbody表格主体分组 colgroup列分组 caption表格标题 table3.html: 表格使用示例表格使用示例3-不规则表格不规则表格 1 此单元格跨三行此单元格跨三行 2 3 4 5 6 7 此单元格跨两列此单元格跨两列 2.2 表单 1标签 2标签 form1.html: 表单

3、使用示例表单使用示例1 姓名姓名 密码密码 性别性别 男男女女 爱好爱好 游泳游泳 读书读书 音乐音乐 form1_ok.jsp: 表单使用示例表单使用示例1-显示表单内控件的值显示表单内控件的值 % String name = request.getParameter(name); String password = request.getParameter(password); String gender = request.getParameter(gender); String hobby = request.getParameterValues(hobby); out.print(n

4、ame: + name + ); out.print(password: + password + ); out.print(gender: + gender + ); if (hobby != null) out.print(hobby:); for (int i = 0; i 请选择喜欢的水果请选择喜欢的水果 apple orange banana cherry pear watermelon 请填写意见和建议请填写意见和建议 form2_ok.jsp: 表单使用示例表单使用示例2-显示表单内控件的值显示表单内控件的值 % String fruit=request.getParameter

5、Values(fruit); String suggestion=request.getParameter(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 框架的结构 标签的常用属性如表所示。 属性说明 colspixels,%,*,定义框架集中列的数目和尺寸 rowspixels,%,*,定义框架集中行的数目和尺寸 frameborder0或1，隐藏或显示边框，默认值为1 framespacing边框宽度，以像素为单位 bordercolor边框颜色 scrollingyes, no, auto，是否显示滚动条 noresize不需要赋值，禁止用户调整框架大小 frame.html: top.ht