第7章 表单(网页制作案例教程课件).ppt

网页制作案例教程 第1章：网站与网页概述 第2章：HTML入门 第3章：网页基本编辑 第4章：表格 第5章：框架 第6章：AP Div 第7章：表单 第8章：CSS和模板 第9章：网页图形处理工具Fireworks CS5 第10章：图像处理工具Photoshop CS5 第11章：动画制作工具Flash CS5 第12章：网站制作综合应用 第7章 表单 了解表单的作用。 掌握表单常见控件的特点、创建和属性设置。 知道表单域的含义；熟练掌握各种表单栏目的插入与设置。 7.1 关于表单 表单是用来收集站点访问者信息的域集，可实现网页与浏览者间的交互，达到收集浏览者输入信息的目的。 表单是浏览网页的用户与网站管理者进行交互的主要窗口，Web管理者和用户之间可以通过表单进行信息交流。 P122 7.1 关于表单 7.2 表单元素 表单就是用户可以在网页中填写信息的表格，其作用是接收用户信息并将其提交给Web服务器上特定的程序进行处理。 表单域，也称表单控件，是表单上的基本组成元素，用户通过表单中的表单域输入信息或选择项目。 在建立表单网页之前，首先就要建立一个表单域。 7.3 用户注册表单实例 综合运用表单的各种元素，学习制作用户注册表单 。 7.4 小结 网页的交互是通过表单实现的。本章对表单的基本知识和各种常见表单控件做了系统的讲解。 本章通过实例，说明了表单的使用方法。 * 学习目标： 一、表单内与用户进行交互的常用表单元素种类： 1、文本框 2、单选框 3、复选框 4、提交按钮 二、和表单相结合的常见后台处理程序： 1、CGI （Common Gete Way Interface） 2、JSP （Javaserver Page） 3、ASP （Active Server Page） 7.2.1 插入表单 一、单击 “插入”工具栏的 “表单”按钮，插入表单 。 二、选中表单，在“属性检查器”中设置表单属性 。 7.2.2 插入文本字段 文本字段是表单中常用的元素之一，主要用于进行文 本的输入。 “文本字段”的插入及属性设置: 7.2.3 插入隐藏域 隐藏域是用来收集或发送信息的不可见元素，对于网页的访问者来说，隐藏域是看不见的。当表单被提交时，隐藏域就会将信息用你设置时定义的名称和值发送到服务器上。 “隐藏域”的插入及属性设置: 7.2.4 插入单选按钮 单选按钮是在一组选项中，只允许选择其中一个选择项。例如性别（男、女）、文化程度（小学、中学、大学、研究生）等的选项。单选按钮有标题和圆型按钮。 “单选按钮”的插入及属性设置: 7.2.5 插入复选框 复选框可以同时选取一至多个选项，设置方法 与单选按钮类似。 7.2.6 插入列表/菜单 列表和菜单也是表单中常用的元素之一，它可以显示多个选项，用户通过滚动条在多个选项中选择。 “列表/菜单”的插入: 可添加/删除一个供选择的项目 7.2.7 插入跳转菜单 跳转菜单实际上是一种下拉菜单，和菜单型的列表类似，只是多了站点导航的功能，即单击某个选项，即可跳转到相应的网页上，从而实现导航的目的。 “跳转菜单”的插入： 7.2.8 插入图像域 表单中的每个图像也是一个按钮，用户单击图像时， 表单就会提交。也可以为图像域添加其他行为事件。 7.2.9 插入文件域 文件域能使一个文件附加到正被提交的表单中文件域能使一个文件附加到正被提交的表单中，比如表单中的上传照片或图片、邮件中添加附件就是使用了文件域 。 7.2.10 插入按钮 在表单中，按钮是用来控制表单的操作。使用按钮可以将表单数据传送给服务器，或者重新设置表单中的内容。 三类“按钮”介绍 ①提交按钮； ②重置按钮； ③普通按钮。 7.2.11 插入标签 标签（label）主要是给表单组件增加可访问性 设计的，当用户单击label控件时，label控件会将焦点 设置到对应的表单元素。 一、建立表单 二、设置动作 三、输入合法性检查 四、插入相应的动态网页程序 五、设置Web服务器 注册表单的实现步骤： 实例应用——用户注册表单制作 完成如图用户注册表单网页的制作 *