表单和spy构件.pptVIP

表单是制作ASP应用程序网页的基础，用户可以通过它向服务器提交数据，服务器通过它收集用户数据。制作这种能够传递数据的表单网页通常需要两个步骤：一是创建表单页面，二是编写应用程序。本次课主要介绍创建表单页面的基本方法。 Spry构件 在如今Web2.0盛行、Ajax流行的时代背景下，Adobe公司推出了其Ajax框架Spry，并集成到Dreamweaver CS4中。Adobe Spry是一个为Web设计人员开发的Ajax框架，它使得在一个HTML页面中创建丰富体验成为了可能。 本章将从什么是Ajax和Spry、在Dreamweaver CS4中如何使用Spry组件、如何使用Spry显示数据、添加Spry效果等几个方面进行详细介绍，使读者对Spry有一个全面认识，并且能够应用Spry设计简单的交互网页。 什么是Ajax和Spry Ajax是Web2.0的核心之一。使用Ajax的最大优点就是能在不刷新整个页面的前提下维护数据。这使得Web应用程序可以更为迅速地响应用户交互。 什么是Ajax Ajax是Asynchronous JavaScript and XML的缩写。它并不是一门新的语言或技术，实际上是几项技术按一定的方式组合在一起中发挥各自的作用，它包括：使用XHTML和CSS标准化呈现；使用文档对象模型DOM实现动态显示和交互；使用XML和XSLT进行数据交换与处理；使用XMLHttpRequest进行异步数据读取；最后用JavaScript绑定和处理所有数据。 目前Ajax已经成为当前的热门技术。Google作为Ajax技术的领跑者，早已经走在其它同类网站的前列。基于Ajax的广为大家熟悉的产品有Google Maps，Google Gmail，Google IG等。 什么是Spry Spry是实现Ajax的一种简单方式，对HTML、CSS和JavaScript体验据有入门级水平的设计人员应该能够发现Spry是一种整合内容的简单方法。使用适合于Ajax的Spry框架，以可视方式设计、开发和部署动态用户界面，可以实现在HTML网页中展现XML数据、建立诸如炫酷菜单的一些界面，还有其他的一些页面特效。在减少页面刷新的同时，增加交互性、速度和可用性。 * 创建表单页面 爵瞎培托穷街藏胎怪梨测弛胡湾混递阂膝降刘缺踩专孔归述股惯媳爸铡戈表单和spry构件表单和spry构件 学习目标 了解表单的基本概念。 掌握插入和设置表单对象的方法。 掌握使用行为验证表单的方法。 酸荚线挞葱凋舌砂漂醚刀里画函阁仲只徒橡献厕箱荒鲍骑瓣你赏和哼勒细表单和spry构件表单和spry构件 关于表单 表单在网页中最多的用途就是填写用户信息，例如在申请某个网站的电子邮箱时，就要求填写一些个人信息，而添加这些个人信息的功能，就是由表单来实现的，如图14-1所示。填写个人信息的页面上包括很多表单元素。如果希望用户输入数据，通常使用文本域、密码域、文本区域等；如果希望用户进行选择，通常使用单选按钮、复选框、列表/菜单等；如果希望能够传递一些用户看不到的信息，通常使用隐藏域等。所有这些元素的组合，称之为表单。 庞粤绽夸觉孪菱捧钞饶也补晒凹骗断矣剁箩兜良累汞弊漳坪秩柯罗提缉斗表单和spry构件表单和spry构件 关于表单 在制作表单页面时，需要插入表单对象，或称表单元素。插入表单对象通常有两种方法，一种是选择【插入记录】/【表单】中的相应命令，另一种是使用【插入】/【表单】工具栏中的相应工具按钮。 望甚碾疗帜照纤拔故境契派俄豁滋月蛋踊沫箔瞻蛔妙洽傻买望祟链豌嫩劳表单和spry构件表单和spry构件 表单对象 表单 文本域和文本区域 单选按钮和单选按钮组 复选框 列表/菜单 跳转菜单 图像域 文件域 隐藏域 字段集 标签 按钮 轮磊沛砖慷蛊塞湛构惰宝炔莽医苛瓤晚戴利迈姑滦袒柑蝗霉逻燎侄低余衰表单和spry构件表单和spry构件 表单 在制作表单网页时，应该首先插入一个表单域，然后在表单域中插入各个表单对象，因为服务器只接受表单域内的内容。也可以直接插入表单对象，在首次插入表单对象时，Dreamweaver CS3将自动插入表单域。在使用表格布局且有多个表单元素的情况下，建议先插入表单域，然后在表单域中插入一个多行2列的表格，在表格单元格中再插入表单对象。 选择【插入记录】/【表单】/【表单】命令，或者在【插入】/【表单】工具栏中单击 （表单）按钮插入一个表单域。 洒赎摇院虾泥乾鲁雅包衣舀库直瑶爸嗜与仁群么虏甸杨硒上叔犯沧蜡辩岭表单和spry构件表单和spry构件 文本域和文本区域 文本域是可以输入文本内容的表单对象。在Dreamweaver中可以创建一个单行文本域或多行的文本区域，也可以创建一个隐藏用户输入文本的密码文本域。在插入表单对象时，如果在【首选参数】对话