陈丹丹老师的课件第六章表单和Spry框架.ppt

表单和Spry框架,7/7/2019,1,表单概述,2,在DW CS3中，创建包含文本域、密码域、单选按钮、复选框、弹出菜单、可单击按钮以及其他表单对象的表单，还可以编写用于验证访问者所提供信息的代码。 表单支持客户端-服务器关系（B/S)中的客户端。当访问者在Web浏览器（客户端）中显示出的表单中的输入信息，然后单击提交按钮时，这些信息将发送到服务器，服务器中的服务端脚本或应用程序会对这些信息进行处理。服务器向用户（客户端）返回所请求的信息或基于该表单内容执行某些操作，以此进行响应。,表单概述,3,表单输入类型成为表单对象，表单对象是允许用户输入数据的机制。,表单概述,4,表单,5,表单,6,1、表单名称：输入标识该表单的唯一名称。 2、动作：输入处理表单数据的页面或脚本。 3、方法：指定将表单数据传输到服务器的方法。 （1）默认值：使用浏览器的默认设置将表单数据发送到服务器。 （2）GET：将值附加到请求该页面的URL中。 （3）POST：在HTTP请求中嵌入表单数据。 注意： 1、不要使用GET方法发送长表单。URL的长度限制在8192个字符以内。如果发送的数据量太大，数据将被截断，从而会导致意外的或失败的处理结果。 2、由GET方法传递生成的动态页面，可以添加书签，POST则不可以； 3、如果要收集机密用户名和密码、信号卡号或者其他机密信息，POST方法比GET更加安全，但是POST发送的信息也是未经加密的，容易被黑客截获。,表单,7,4、MIME类型：指定对象提交给服务器进行处理的数据使用MIME编码类型。默认设置application/x-www-form-urlencode的通常与POST方法一起使用。 5、目标：指定一个窗口来显示被调用程序返回的数据。 （1）_blank：在未命名的新窗口中打开目标文档； （2）_parent:在显示当前文档窗口的父窗口中打开目标文档。 （3）_self:在提交表单时所在的同一窗口中打开目标文档。 （4）_top：在当前窗口的窗体内打开目标文档。 ,文本字段,1、ID：表单域指向ID 2、标签文字：文本字段的标签说明属性。 3、样式 4、位置：设置标签文字在表单项前面或后面。 5、访问键：使用等效的键盘键（一个字母）加上“Alt”键在浏览器中选择表单对象 6、Tab键索引：为表单对象指定Tab顺序。（如果为一个对象设置了Tab顺序，则所有对象必须设置） 7、常用的文本字段：单行、多行和密码文本框。 单行、密码框标识： 多行：,8,隐藏域和文本区域,9,复选框, 电脑,10,单选按钮,11,单选按钮组,1、名称：单选按钮组的名称。 2、添加+：增加单选按钮 3、删除-：删除单选按钮 4、上下移：向上/下移动选择单选按钮 5、布局：换行符/表格两种方式。,12,列表/菜单,13,列表/菜单,14, 博士 硕士 本科 大专 高中 ,跳转菜单,15,图像域,16,文件域,17,按钮, 表单中输入的信息要通过按钮动作上传到服务器。 （1）button：基本类型，需要代码实现具体功能； （2）submit：提交按钮，用户输入的信息提交给服务器进行处理，不需写代码 （3）reset：充值按钮，是把表单中用户输入的信息进行清空，不需写代码,18,Spry框架与组件,Spry框架是一个javascript库，Web设计人员使用它可以构建能够向站点访问者提供更加丰富体验的web页，可以使用HTKL、CSS和极少量的Javascript将XML数据合并到HTML文档行中，创建组件可以向各种页面元素中添加不同种类的效果。,19,Spry框架与组件,Spry组件是一个页面元素，通过启用用户交互来提供更丰富的用户体验 （1）组件结构：用来定义组件结构组成的HTML代码块 （2）组件行为：用来控制组件如何响应用户启动事件的Javascript （3）组件样式：用来