表单和spry构件

Spry验证复选框
Spry验证复选框构件是HTML表单中的一个或一组复选框，该复选 框在用户选择（或没有选择）复选框时会显示构件的状态（有效或无 效）。例如，可以向表单中添加验证复选框构件，该表单可能会要求用 户进行3项选择。如果用户没有进行所有这3项选择，该构件会返回一条 消息，声明不符合最小选择数要求。 选择【插入记录】/【Spry】/【Spry验证复选框】命令，将在文档中 插入Spry验证复选框。
Spry验证选择
Spry验证选择构件是一个下拉菜单，该菜单在用户进行选择时会显 示构件的状态（有效或无效）。例如，可以插入一个包含状态列表的验 证选择构件，这些状态按不同的部分组合并用水平线分隔。如果用户意 外选择了某条分界线（而不是某个状态），验证选择构件会向用户返回 一条消息，声明他们的选择无效。选择【插入记录】/【Spry】/【Spry验 证选择】命令，将在文档中插入Spry验证选择域。
Spry选项卡式面板
Spry选项卡式面板构件是一组面板，用来将内容存储到紧 凑空间中。用户可以通过单击要访问面板上的选项卡来隐藏或 显示存储在选项卡式面板中的内容。当访问者单击不同的选项 卡时，构件的面板会相应地打开。在给定时间内，选项卡式面 板构件中只有一个内容面板处于打开状态。选择【插入记录】/ 【Spry】/【Spry选项卡式面板】命令，在页面中添加一个 Spry选项卡式面板构件。
什么是Spry
• Spry是实现Ajax的一种简单方式，对 HTML、CSS和JavaScript体验据有入门级 水平的设计人员应该能够发现Spry是一 种整合内容的简单方法。使用适合于 Ajax的Spry框架，以可视方式设计、开 发和部署动态用户界面，可以实现在 HTML网页中展现XML数据、建立诸如 炫酷菜单的一些界面，还有其他的一些 页面特效。在减少页面刷新的同时，增 加交互性、速度和可用性。
文本域和文本区域
文本域是可以输入文本内容的表单对象。选择【插入记录】/ 【表单】/【文本域】命令，将在文档中插入文本域。单击并选中 文本域，将显示其【属性】面板。
文本域和文本区域
选择【插入记录】/【表单】/【文本区域】命令，将在 文档中插入文本域。单击并选中文本区域，将显示其【属 性】面板。
单选按钮和单选按钮组
什百度文库是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验证文本域 Spry验证文本区域 Spry验证复选框 Spry验证选择
Spry验证文本域
Spry验证文本域构件是一个文本域，该域用于在站点浏览者输入文 本时显示文本的状态（有效或无效）。例如，可以向浏览者键入电子邮 件地址的表单中添加验证文本域构件。如果访问者没有在电子邮件地址 中键入“@”符号和句点，验证文本域构件会返回一条消息，声明用户输 入的信息无效。选择【插入记录】/【Spry】/【Spry验证文本域】命令， 将在文档中插入Spry 验证文本域。
关于表单
在制作表单页面时，需要插入表单对象，或称表单元素。插入表 单对象通常有两种方法，一种是选择【插入记录】/【表单】中的相 应命令，另一种是使用【插入】/【表单】工具栏中的相应工具按钮。
表单对象
表单 文本域和文本区域 单选按钮和单选按钮组 复选框 列表/菜单 跳转菜单 图像域 文件域 隐藏域 字段集 标签 按钮
字段集
插入字段集后，在页面中将出现一个圆角矩形框，用来将一些内容 相关的表单对象放在一组。可以先插入字段集，然后再在其中插入表单 对象。也可以先插入表单对象，然后将它们选择再插入字段集。选择 【插入记录】/【表单】/【字段集】命令，插入一个字段集。
标签
使用标签可以向源代码中插入一对HTML标签“<label></label>”。 其作用与在【输入标签辅助功能属性】对话框的【样式】选项中选择 【用标签标记环绕】单选按钮的用途是一样的。选择【插入记录】/【表 单】/【标签】命令，即可插入一个标签。
Spry验证文本区域
Spry验证文本区域构件是一个文本区域，该区域在用户输入几个文 本句子时显示文本的状态（有效或无效）。如果文本区域是必填域，而 用户没有输入任何文本，该构件将返回一条消息，声明必须输入值。 选择【插入记录】/【Spry】/【Spry验证文本区域】命令，将在文档 中插入Spry验证文本区域。
关于表单
表单在网页中最多的用途就是填写用户信息，例如在申请某个网 站的电子邮箱时，就要求填写一些个人信息，而添加这些个人信息 的功能，就是由表单来实现的，如图14-1所示。填写个人信息的页 面上包括很多表单元素。如果希望用户输入数据，通常使用文本域、 密码域、文本区域等；如果希望用户进行选择，通常使用单选按钮、 复选框、列表/菜单等；如果希望能够传递一些用户看不到的信息， 通常使用隐藏域等。所有这些元素的组合，称之为表单。
Spry折叠式构件
单击列表框上方的+按钮再添加一个面板项。展开第1个折 叠条，更改折叠条的标题名称及内容。
Spry折叠式构件
折叠式构件是一组可折叠的面板，可以将大量内容存储在 一个紧凑的空间中。站点浏览者可通过单击该面板上的选项卡 来隐藏或显示存储在折叠构件中的内容。当浏览者单击不同的 选项卡时，折叠构件的面板会相应地展开或收缩。在折叠式构 件中，每次只能有一个内容面板处于打开且可见的状态。选择 【插入记录】/【Spry】/【Spry折叠式】命令，在页面中添加 一个Spry折叠式构件。
复选框
复选框常被用于有多个选项可以同时被选择的情况。每 个复选框都是独立的，必须有一个唯一的名称。选择【插 入记录】/【表单】/【复选框】命令，将在文档中插入复 选框，反复执行该操作将插入多个复选框。
列表/菜单
列表/菜单可以显示一个包含有多个选项的可滚动列表， 在列表中可以选择需要的项目。选择【插入记录】/【表单】 /【列表/菜单】命令，将在文档中插入列表/菜单。
表单
在制作表单网页时，应该首先插入一个表单域，然后在表单 域中插入各个表单对象，因为服务器只接受表单域内的内容。也 可以直接插入表单对象，在首次插入表单对象时，Dreamweaver CS3将自动插入表单域。在使用表格布局且有多个表单元素的情况 下，建议先插入表单域，然后在表单域中插入一个多行2列的表格， 在表格单元格中再插入表单对象。 选择【插入记录】/【表单】/【表单】命令，或者在【插入】 /【表单】工具栏中单击 （表单）按钮插入一个表单域。
跳转菜单
跳转菜单利用表单元素形成各种选项的列表。当选择列表 中的某个选项时，浏览器会立即跳转到一个新网页。选择【插 入记录】/【表单】/【跳转菜单】命令，将打开【插入跳转菜 单】对话框，然后进行参数设置即可。
图像域
图像域用于在表单中插入一幅图像从而生成图形化按钮，在 网页中使用图像域要比单纯使用按钮丰富得多。选择【插入记录】 /【表单】/【图像域】命令，可以插入图像域。
文件域
文件域的作用是使用户可以浏览并选择本地计算机上的某个 文件，以便将该文件作为表单数据进行上传。当然，真正上传文 件还需要相应的上传组件才能进行，文件域仅仅是起供用户浏览 并选择计算机上文件的作用，并不起上传的作用。选择【插入记 录】/【表单】/【文件域】命令，将插入一个文件域。
隐藏域
隐藏域主要用来储存并提交非用户输入信息，如注册时 间、认证号等，这些都需要使用JavaScript、ASP等源代码 来编写，隐藏域在网页中一般不显现。选择【插入记录】/ 【表单】/【隐藏域】命令，将插入一个隐藏域。
单选按钮主要用于标记一个选项是否被选中，单选按钮 只允许用户从选项中选择唯一答案。单选按钮通常成组使 用，同组中的单选按钮必须具有相同的名称，但它们的域 值是不同的。选择【插入记录】/【表单】/【单选按钮】 命令，将在文档中插入单选按钮。
单选按钮和单选按钮组
选择【插入记录】/【表单】/【单选按钮组】命令，可 以一次性在表单中插入多个单选按钮。
使用行为验证表单
【检查表单】行为主要是指检查指定文本域的内容以确保 用户输入了正确的数据类型。
Spry构件
• 在如今Web2.0盛行、Ajax流行的时代背景下， Adobe公司推出了其Ajax框架Spry，并集成到 Dreamweaver CS4中。Adobe Spry是一个为Web 设计人员开发的Ajax框架，它使得在一个 HTML页面中创建丰富体验成为了可能。 • 本章将从什么是Ajax和Spry、在Dreamweaver CS4中如何使用Spry组件、如何使用Spry显示 数据、添加Spry效果等几个方面进行详细介绍， 使读者对Spry有一个全面认识，并且能够应用 Spry设计简单的交互网页。
文本域和文本区域
文本域是可以输入文本内容的表单对象。在Dreamweaver中可 以创建一个单行文本域或多行的文本区域，也可以创建一个隐藏用 户输入文本的密码文本域。在插入表单对象时，如果在【首选参数】 对话框的【辅助功能】分类中选择了【表单对象】复选框，此时将 显示【输入标签辅助功能属性】对话框。该对话框将方便进一步设 置表单对象的属性。如果在【输入标签辅助功能属性】对话框中单 击 按钮，表单对象也可以插入到文档中。如果在【首选 参数】对话框的【辅助功能】分类中取消选择【表单对象】复选框， 在插入表单对象时，将不会出现【输入标签辅助功能属性】对话框。
Spry布局构件
Spry菜单栏 Spry选项卡式面板 Spry折叠式构件 Spry可折叠面板
Spry菜单栏
Spry菜单栏是一组可导航的菜单按钮，当将鼠标悬停在其 中的某个按钮上时，将显示相应的子菜单。选择【插入记录】/ 【Spry】/【Spry菜单栏】命令，打开【Spry菜单栏】对话框 进行参数设置。
创建表单页面
表单是制作ASP应用程序网页的基础，用 户可以通过它向服务器提交数据，服务器通 过它收集用户数据。制作这种能够传递数据 的表单网页通常需要两个步骤：一是创建表 单页面，二是编写应用程序。本次课主要介 绍创建表单页面的基本方法。
学习目标
了解表单的基本概念。 掌握插入和设置表单对象的方法。 掌握使用行为验证表单的方法。