《表单和表单行为.pptx》由会员分享，可在线阅读，更多相关《表单和表单行为.pptx（23页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、51 理解表单交互过程创建表单的基本步骤 确定需要收集的信息，然后根据信息特点开始设计表单 在表单中插入不同的表单元素 设置表单域的输入规则 设置通过表单所收集的信息的处理方式 设置确认网页，确认己经接收到用户填写的信息，并可用户核对是否正确 第1页/共23页52 常用表单对象文本域 按钮 图像域 复选框 单选钮 列表/菜单 文件域以及隐藏域 第2页/共23页52 常用表单对象521 建立表单布局为了合理地安排表单元素，通常将使用表格和单元格来放置表单元素 图5-5 表单置于表格中第3页/共23页52 常用表单对象522 在表单中添加不同元素1文本域文本域的“类型”字段“单行”：只允许输入单行
2、文本“密码”：用于输入密码，所有在该框中输入的字符都显示为星号“多行”：可以输入多行文本，并且滚动显示 图5-7 文本域属性面板第4页/共23页52 常用表单对象2单选按钮单选按钮是只可以取其一的按钮,同组的多个单选按钮中，它们的“属性面板”中的“单选按钮”名称是一致的 单选按钮的初始状态，可以选择“已勾选”或“未选中”图5-8 单选按钮属性面板第5页/共23页52 常用表单对象3复选框复选框就是在一组选项中允许选取多个选项“复选框名称”不能相同 复选框的初始状态可以设置“已勾选”或“未选中”第6页/共23页52 常用表单对象4列表/菜单 弹出下拉菜单和列表都列出了一组用户可以从中选择的值 弹
3、出菜单只允许单项选择，而列表框则可选取多项 图5-10 列表菜单及其属性面板第7页/共23页52 常用表单对象5使用文件域方便对当前可存取的各个文件存放位置上的文件进行操作的一个元素 图5-11 文件域第8页/共23页52 常用表单对象6按钮表单按钮可以执行提交或重置表单的标准任务，也可以执行自定义功能 图5-12 表单按钮属性面板第9页/共23页52 常用表单对象7隐藏域隐藏域可以存储并提交非用户输入而对被访问系统却是需要搜集的信息 图5-13 隐藏域第10页/共23页52 常用表单对象8图像域使用图像域可以作为提交表单数据的按钮，或者可以通过附加某种行为来执行相应的任务 9字段集图5-15
4、 图像域属性面板第11页/共23页52 常用表单对象523 设计表单元素样式为表单元素设计样式，主要有以下两种方式：（1）重新定义表单元素的标签（2）创建自定义样式，然后应用到指定表单元素上 图5-16 自定义样式表单第12页/共23页53 验证表单的输入结果验证表单输入结果的意义验证表单输入结果的方法内置的“检查表单”动作 onSubmit事件 onChange事件 onBlur 事件 如果要设置更加复杂的输入规则，用户需要自行编写脚本来实现 第13页/共23页54 通过电子邮件接收表单结果具体的操作步骤如下：（1）选中整个表单（2）在“属性”面板的“动作”文本域中输入表单动作“mailto
5、：xxxxxx.xxx”，在“方法”下拉列表中选择“POST”选项（3）在“MIME类型”中输入text/plain 第14页/共23页55 创建跳转菜单跳转菜单是文档中的弹出菜单，对站点访问者可见，并列出链接到文档或文件的选项。图5-25 插入跳转菜单对话框第15页/共23页56 创建动态表单 动态表单的功能使表单对象成为动态对象，面临数据量很大的表单选项或者是经常变动的表单选项，动态表单可以简化站点的维护工作561 定义记录集（1）创建动态内容源（如数据库）与处理该页面的应用程序服务器之间的连接；（2）指定要显示数据库中的什么信息，或指定希望在该页面中包括什么变量；（3）使用 Dreamw
6、eaver 的指向并单击(point-and-click)界面选择动态内容元素并将其插入到选定页面。第16页/共23页56 创建动态表单562 创建动态HTML表单菜单在开始之前，必须在 ColdFusion、PHP、ASP 或 JSP 页中插入一个 HTML 表单，而且必须为该菜单定义记录集或其它动态内容源 563 创建HTML动态文本域可以在 HTML 文本域中显示动态内容 第17页/共23页56 创建动态表单564 动态预先选择HTML复选框可以让服务器决定当表单在浏览器中显示时是否选中一个复选框，在开始之前，必须在 ColdFusion、PHP、ASP 或 JSP 页中创建表单，而且必
7、须为该文本域定义记录集或其它动态内容源 565 动态预先选择HTML单选按钮可以让服务器决定当表单在浏览器中显示时是否选中一个 HTML 单选按钮 第18页/共23页56 创建动态表单566 动态HTML表单菜单实例介绍了如何利用Access数据库作为数据源，在动态的菜单列表中显示数据库中的记录，还可以在数据库中改变数据记录的内容，从而实现菜单列表中的“动态”的效果，以减轻维护大数据量页面的工作量 第19页/共23页57 表单行为571 什么是行为行为是在某一对象上因为某一事件而触发某一动作的综合描述 任意一个行为都是由对象、事件和动作三者构成的，是被用来动态响应用户操作、改变当前页面效果或是执行特定任务的一种方法 第20页/共23页57 表单行为572 使用内置行为几种常见的行为的操作:（1）播放声音（2）交换图像（3）设置网页状态栏文本573 常见触发行为的事件第21页/共23页本章学习内容总结理解表单交互过程常用表单对象验证表单的输入结果通过电子邮件接收表单结果创建跳转菜单创建动态表单表单行为第22页/共23页感谢您的观看。第23页/共23页