第12章应用表单与表单对象.pptVIP

新课导入： Internet中的申请表、调查表、留言簿是如何制作的呢？它是否具有交互性？ 教学目标： 熟练地插入各种表单对象，制作出简单的具有交互功能的动态页面，培养大家的动手操作能力。 情感目标： 通过对表单的学习，提高学生对学习网页制作的兴趣。;教学内容： 应用表单 应用表单对象 验证表单数据 初步的表单处理和简单的表单处理脚本程序编写 创建动态表单对象 教学重点：创建表单和表单对象 教学难点：编写简单的表单处理脚本程序 教学方法：任务驱动、引导教学。 ;12.1.1 认识表单 ;2、表单的作用 表单真正实现了网页的交互性,可用来搜集浏览者的信息,为用户提供信息反馈（调查表、留言簿、用户注册 、网上订购 、用户登录等） ；它是动态网页中不可缺少的一个重要元素。表单与在客户端显示运行的动画不同。 3、表单的处理过程 表单处理的过程大致为：浏览者将信息输入表单，通过提交按钮将信息发送到服务器；服务器端脚本或应用程序对信息进行处理后，将请求信息或基于该表单内容执行一些操作来响应浏览者。 4、用于处理表单的常用服务器技术 ASP (Active Server Pages )、 PHP、 ColdFusion Page、 JSP（Java Server Page）、CGI(Common Gateway Interface) 等脚本处理程序。 ;12.1.2 插入表单 ;1.插入表单后，在属性面板中设置表单的名称和处理表单数据的方法等。 2.将表单数据传送到服务器所使用的方法 POST方法：POST 在 HTTP 请求中嵌入表单数据,在消息正文中发送表单值，并向服务器发送POST 请求。它比GET方法更安全，但由POST方法发送的信息未经过加密，易被黑客获取。 ;GET方法：这是默认方法，将表单值添加给 URL,并向服务器发送GET请求。 注意： 不要使用 GET 方法发送长表单. URL 的长度限制在8,192 个字符以内。如果发送的数据量太长，数据将被截断，从而导致意外的或失败的处理结果。在发送机密用户名和密码、信用卡号或其他机密信息时，不要使用 GET 方法。用 GET 方法传递信息不安全。 在发送机密用户名和密码、信用卡号或其他机密信息时，不要使用 GET 方法。用 GET 方法传递信息不安全。 ;表单对象：表单输入类型即表???对象，是允许用户输入数据的工具，它可以象其它对象一样在dw中被插入。 Dw 中提供的表单对象有文本区域、隐藏域、单选按钮、单选按钮组、复选框、图像域、文件域、列表/菜单、提交和重置按钮、标签等，这些表单对象具有各自不同的功能. 一个完整的表单包含两个部分：一是在网页中进行描述的表单对象；二是应用程序，它可以是服务器端的，也可以是客户端的，用于对客户信息进行分析处理。 ;12.2.1 文本字段 ;在网页中，常见的文本框有3种形式：单行文本域、多行文本域和密码文本域. 单行文本域：单行文本框用来输入比较简单的信息。 多行文本域 ：如果需要输入建议、需求等大段文字，使用单行文本框就显得力不从心了，这时通常使用带有滚动条的多行文本框。 密码文本域：输入内容显示为项目符号或编号，以保护输入内容不被别人看到。;12.2.2 隐藏域 ;12.2.3 按钮 ;课堂练习1 制作留言页面 ;12.2.4 复选框 ;12.2.5 单选按钮和单选按钮组 ;12.2.6 列表和菜单 ;12.2.7 图像域 ;12.2.8 文件域 ;课堂练习2 制作“商品订购”页面 ;12.3 验证表单数据