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