ch02表格、表单.ppt

第二章表格、表单、框架,-2-,目标：掌握表格、表单和框架的用法内容：了解表格的结构，熟练使用表格元素创建表格掌握常用的表单控件，创建具有各种功能的表单页面掌握框架布局页面的方法，实现多窗口展示页面重点：表格基础、表单制作难点：框架应用,本章介绍,-3-,表格,作用用来显示数据，如时间表、商品展示表，查询结果表等。可以布局页面元素，如文字或图片在页面中的显示位置。,-4-,表格,表格结构一般表格表格是由很多行组成的，而表中的每一行又是由若干列的单元格组成。之后再将内容放入相应的单元格进行分类显示。HTML中的表格HTML页面中的表也同样是这样的结构。首先使用和标签定义一张表，之后在表标签和之间嵌入多个表的行标签和，最后再在行标签和之间使用和嵌入单元格,-5-,表格,表格属性,-6-,表格,表格属性关于border、cellpadding、cellspacing三个属性所表示的位置,tableDemo.html,-7-,表单,表单是网页上和客户端用户实现信息交互的主要方式。利用表单可以收集客户端提交的有关信息，也可以将信息传递给服务器。,-8-,表单,表单由三部分组成：表单标签表单域表单按钮,-9-,表单,表单标签表单标签（）用于声明表单，定义采集数据的范围，同时包含了处理表单数据的应用程序以及数据提交到服务器的方法。action：指定处理表单中用户输入数据的URLmethod：指定向服务器传递数据的HTTP方法，主要有Get和Post两种方法，默认值是Getenctype：指定了数据发送时的编码类型target：用于指定在浏览器中哪个frame中显示服务器的响应HTML,.,-10-,表单元素,文本框文本框是一种用来输入内容的表单对象，通常被用来填写简单的内容，如姓名、地址等。语法格式如下：多行文本框多行文本框（文本域）是一种用来输入较长内容的表单对象。语法格式如下：,-11-,表单元素,密码框密码框是一种用于输入密码的特殊文本域。当访问者输入文字时，文字会被星号或其它符号代替，从而隐藏输入的真实文字。语法格式如下：隐藏域隐藏域是用来收集或发送信息的不可见元素，网页的访问者无法看到隐藏域，但是当表单被提交时，隐藏域的内容同样会被提交。语法格式如下：,-12-,表单元素,复选框复选框允许在待选项中选中一个以上的选项。每个复选框都是一个独立的元素。语法格式如下：单选框单选框只允许访问者在待选项中选择唯一的一项。该控件用于一组相互排斥的值，组中每个单选按钮控件的名字相同，用户一次只能选择一个选项。语法格式如下：,-13-,表单元素,文件上传框文件上传框用于让用户上传自己的文件，文件上传框与其他文本域类似，但它还包含了一个浏览按钮。访问者可以通过输入需要上传的文件的路径或者点击浏览按钮选择需要上传的文件。语法格式如下：下拉选择框下拉选择框可以让浏览者快速、方便、正确的选择一些选项，同时可以节省页面空间，它通过标签实现，该标签用于显示可供用户选择的下拉列表。语法格式如下：,.,-14-,表单按钮,表单按钮主要分为：提交按钮、复位按钮和普通按钮提交按钮提交按钮用来将输入的表单信息提交到服务器。复位按钮复位按钮用来重置表单。普通按钮普通按钮通常用来响应javascript事件（如onclick），用来调用相应的javascript函数来实现各种功能。综合案例：2.D.4register.html,-15-,框架,框架优点如下：重载页面时不需要重载整个页面，只需要重载页面中的一个框架页，从而减少了数据的传输，加快了网页下载速度。方便制作导航栏。示例：,标题,框架（Frame）就是浏览器窗口的一个区域，在这个区域中可以显示一个单独的页面，而不影响另一个框架中的显示内容。,-16-,框架结构,基本结构通过标签来定义如何划分框架，通过设置的“cols/rows”属性来确定的列/行数以及所占窗口的比例。而每个引入的页面通过框架标签定义，的src属性用于设置所引用网页的路径。frameset常用属性,cols和rows中值的个数对应要分割的的个数，即有几个值就有几个。,-17-,使用框架,混合框架可根据设计需要，混合使用和标签设置区域相互独立的复杂页面。导航框架导航框架（导航栏）是在网页框架的中加入