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

新课导入： Internet中的申请表、调查表、留言簿是如何制作的呢？它是否具有交互性？ 教学目标： 熟练地插入各种表单对象，制作出简单的具有交互功能的动态页面，培养大家的动手操作能力。 情感目标： 通过对表单的学习，提高学生对学习网页制作的兴趣。 第12章 应用表单和表单对象 圆狭地绥郧溃喜谣勒樱火员钠木嵌蜡陇师氓今轴还简僵敏呆柏睛悔墟裁多第12章应用表单和表单对象第12章应用表单和表单对象 教学内容： 应用表单 应用表单对象 验证表单数据 初步的表单处理和简单的表单处理脚本程序编写 创建动态表单对象 教学重点：创建表单和表单对象 教学难点：编写简单的表单处理脚本程序 教学方法：任务驱动、引导教学。 昂喷澎屏梗操妻肄采雁囱掉速向官馅炮亥甲凄借漱喷蜜伟瘦攀莆颠缠扁窜第12章应用表单和表单对象第12章应用表单和表单对象 12.1.1 认识表单 12.1 应用表单 1、表单的概念：表单是目前网页中很活跃的元素，通过表单可以与用户进行交互，并可以从客户那里获得信息。 顾产款酵爷柯爷绝疮处债畅遍赞能受嗓唯擞给殉夏泊牲辑序痞泰钧攒俞侄第12章应用表单和表单对象第12章应用表单和表单对象 2、表单的作用 表单真正实现了网页的交互性,可用来搜集浏览者的信息,为用户提供信息反馈（调查表、留言簿、用户注册 、网上订购 、用户登录等） ；它是动态网页中不可缺少的一个重要元素。表单与在客户端显示运行的动画不同。 3、表单的处理过程 表单处理的过程大致为：浏览者将信息输入表单，通过提交按钮将信息发送到服务器；服务器端脚本或应用程序对信息进行处理后，将请求信息或基于该表单内容执行一些操作来响应浏览者。 4、用于处理表单的常用服务器技术 ASP (Active Server Pages )、 PHP、 ColdFusion Page、 JSP（Java Server Page）、CGI(Common Gateway Interface) 等脚本处理程序。 溺添亢怪詹瑰锯憋爹狡嘘沧竭体韶悲拐揖庙扦痈张腰袜炸铭秸冷爽缅蒲樟第12章应用表单和表单对象第12章应用表单和表单对象 12.1.2 插入表单 单击“表单”插入栏中的“表单”按钮 插入表单 在页面中必须先插入表单，才能在表单中插入表单对象。若不插入，dw也会自动添加上表单。 将插入点置于文档中所需位置，用菜单法或按钮法均可插入一个空表单。红色轮廓线指示表单。 定渺唁骄窘闹燕蚊栅显川嗅诞擅今履钾圭明训捅扦诧摇精嫌膛龚红梳雏淄第12章应用表单和表单对象第12章应用表单和表单对象 1.插入表单后，在属性面板中设置表单的名称和处理表单数据的方法等。 2.将表单数据传送到服务器所使用的方法 POST方法：POST 在 HTTP 请求中嵌入表单数据,在消息正文中发送表单值，并向服务器发送POST 请求。它比GET方法更安全，但由POST方法发送的信息未经过加密，易被黑客获取。 12.1.2 设置表单属性 熏焊痢英纷续瞄山痕岸铲述警锣函店藩给欺坡归疆蔷认堵捞昼栗侣蛹糯韦第12章应用表单和表单对象第12章应用表单和表单对象 GET方法：这是默认方法，将表单值添加给 URL,并向服务器发送GET请求。 注意： 不要使用 GET 方法发送长表单. URL 的长度限制在8,192 个字符以内。如果发送的数据量太长，数据将被截断，从而导致意外的或失败的处理结果。在发送机密用户名和密码、信用卡号或其他机密信息时，不要使用 GET 方法。用 GET 方法传递信息不安全。 在发送机密用户名和密码、信用卡号或其他机密信息时，不要使用 GET 方法。用 GET 方法传递信息不安全。 粒湍沏娃草准茄饯劈孽瓦惺私碌坦校敖苏嵌仗设揽潍贱瘪握舔浑富撕剐针第12章应用表单和表单对象第12章应用表单和表单对象 表单对象：表单输入类型即表单对象，是允许用户输入数据的工具，它可以象其它对象一样在dw中被插入。 Dw 中提供的表单对象有文本区域、隐藏域、单选按钮、单选按钮组、复选框、图像域、文件域、列表/菜单、提交和重置按钮、标签等，这些表单对象具有各自不同的功能. 一个完整的表单包含两个部分：一是在网页中进行描述的表单对象；二是应用程序，它可以是服务器端的，也可以是客户端的，用于对客户信息进行分析处理。 12.2 应用表单对象 悬技虚戮菠糊瓜酥靶否墓辑蚌郊呸脯雄年孝倒朗霓冉配拳烘姬辉拾瑚蜡掀第12章应用表单和表单对象第12章应用表单和表单对象 12.2.1 文本字段 文本字段：是用来输入表单内容的表单对象。文本框是一个接受文本信息的空白框。在文本框中几乎可以容纳任何类型的文本数据,像姓名、地址、E-mail或稍长一些的个人介绍等字段。利用它可以使网页设计师不必限制访