表单及spry构件.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数据、建立诸如炫酷菜单的一些界面，还有其他的一些页面特效。在减少页面刷新的同时，增加交互性、速度和可用性。 * 创建表单页面 学习目标 了解表单的基本概念。 掌握插入和设置表单对象的方法。 掌握使用行为验证表单的方法。 关于表单 表单在网页中最多的用途就是填写用户信息，例如在申请某个网站的电子邮箱时，就要求填写一些个人信息，而添加这些个人信息的功能，就是由表单来实现的，如图14-1所示。填写个人信息的页面上包括很多表单元素。如果希望用户输入数据，通常使用文本域、密码域、文本区域等；如果希望用户进行选择，通常使用单选按钮、复选框、列表/菜单等；如果希望能够传递一些用户看不到的信息，通常使用隐藏域等。所有这些元素的组合，称之为表单。 关于表单 在制作表单页面时，需要插入表单对象，或称表单元素。插入表单对象通常有两种方法，一种是选择【插入记录】/【表单】中的相应命令，另一种是使用【插入】/【表单】工具栏中的相应工具按钮。 表单对象 表单 文本域和文本区域 单选按钮和单选按钮组 复选框 列表/菜单 跳转菜单 图像域 文件域 隐藏域 字段集 标签 按钮 表单 在制作表单网页时，应该首先插入一个表单域，然后在表单域中插入各个表单对象，因为服务器只接受表单域内的内容。也可以直接插入表单对象，在首次插入表单对象时，Dreamweaver CS3将自动插入表单域。在使用表格布局且有多个表单元素的情况下，建议先插入表单域，然后在表单域中插入一个多行2列的表格，在表格单元格中再插入表单对象。 选择【插入记录】/【表单】/【表单】命令，或者在【插入】/【表单】工具栏中单击 （表单）按钮插入一个表单域。 文本域和文本区域 文本域是可以输入文本内容的表单对象。在Dreamweaver中可以创建一个单行文本域或多行的文本区域，也可以创建一个隐藏用户输入文本的密码文本域。在插入表单对象时，如果在【首选参数】对话框的【辅助功能】分类中选择了【表单对象】复选框，此时将显示【输入标签辅助功能属性】对话框。该对话框将方便进一步设置表单对象的属性。如果在【输入标签辅助功能属性】对话框中单击 按钮，表单对象也可以插入到文档中。如果在【首选参数】对话框的【辅助功能】分类中取消选择【表单对象】复选框，在插入表单对象时，将不会出现【输入标签辅助功能属性】对话框。 文本域和文本区域 文本域是可以输入文本内容的表单对象。选择【插入记录】/【表单】/【文本域】命令，将在文档中插入文本域。单击并选中文本域，将显示其【属性】面板。 文本域和文本区域 选择【插入记录】/【表单】/【文本区域】命令，将在文档中插入文本域。单击并