《信息技术第六章《网页的设计与制作》.ppt》由会员分享,可在线阅读,更多相关《信息技术第六章《网页的设计与制作》.ppt(11页珍藏版)》请在金锄头文库上搜索。
1、网页设计与制作第六章 交互式表单制作交互式表单制作 讲解提纲n n6.1 创建表单创建表单 n n6.2 通过邮件接收表单通过邮件接收表单 n n6.3 制作跳转菜单制作跳转菜单 6.1 创建表单创建表单 使用表单,可以帮助使用表单,可以帮助Internet服务器从服务器从用户那里收集信息,它由两部分组成:前用户那里收集信息,它由两部分组成:前台显示页面和后台处理程序。前台显示页台显示页面和后台处理程序。前台显示页面用于显示表单的内容,主要包括文本域、面用于显示表单的内容,主要包括文本域、单选按钮、复选框、菜单和提交按钮等。单选按钮、复选框、菜单和提交按钮等。后台处理程序用于处理用户提交的表单
2、数后台处理程序用于处理用户提交的表单数据。据。 在在 Dreamweaver 中,表单输入类型称中,表单输入类型称为表单对象。可以通过选择为表单对象。可以通过选择“插入插入”菜单菜单“表单表单”子菜单来插入表单对象,或者通子菜单来插入表单对象,或者通过过 “插入插入”工具栏的工具栏的“表单表单”子工具栏来子工具栏来插入表单对象。插入表单对象。 1.1.1.1.创建表单域创建表单域 选择“插入”菜单“表单”子菜单中的“表单”命令,或选择“插入”工具栏上的“表单”类别,然后单击“表单”按钮。设置表单属性:(1)表单名称 (2)动作 (3)方法 (4)目标 (5)MIME 类型 2.插入文本域插入文
3、本域 文本域是常见表单元素之一,可接受任何类型的字母数字项。输入的文本可以显示为单行、多行或者显示为项目符号或星号(用于保护密码)。 要插入文本域,将光标定位后,单击“表单”工具栏上的“文本字段”按钮 。3.3.插入单选按钮插入单选按钮插入单选按钮插入单选按钮 做个硬男人做个硬男人你有过啪啪到一半而半途而废吗你有过啪啪到一半而半途而废吗中途疲软是对于伴侣最大打击中途疲软是对于伴侣最大打击对于自己莫大的耻辱对于自己莫大的耻辱赶紧佳老中医威信:赶紧佳老中医威信:msdf003msdf003,久一点,硬一点,久一点,硬一点,粗一点粗一点4.4.插入复选框插入复选框 复选框允许在一组选项中选择多项,用
4、户可以选择任意多个适用的选项。 要插入复选框,将光标定位后,单击“表单”工具栏上的“复选框”按钮,即可插入一个复选框。5.插入文件域插入文件域 文件域使用户可以浏览到其硬盘上的文件,并将这些文件作为表单数据上传, 要插入文件域,将光标定位后,单击“表单”工具栏上的“文件域”按钮,即可插入一个文件域。 n n6.6.插入按钮插入按钮 n n 按钮对于表单是必不可少的。按钮在单击时执行任务,可以用于提交或重置表单,并且可以用于触发特定的事件。n n 要插入按钮,将光标定位后,单击“表单”工具栏上的“按钮”按钮,即可插入一个按钮。 n n7.插入列表插入列表/菜单菜单 n n 如果要显示的选项很多,
5、为了节省空间,可以使用菜单或列表。菜单会在弹出式菜单中显示选项值,而且只允许用户选择一个选项。列表会在滚动列表中显示选项值,并允许用户在列表中选择多个选项。n n 要插入列表或菜单,将光标定位后,单击“表单”工具栏上的“列表/菜单”按钮,即可插入一个列表或菜单。 6.2 通过邮件接收表单通过邮件接收表单 表单中的信息输入完毕以后需要将信息提供给服务器端的相关人员,用户可以通过表单域属性面板中的“动作”属性指定通过电子邮件接收表单数据。 在属性面板的“动作”文本框中输入mailto:*.*,也就是在mailto后面加上邮件地址。在浏览者提交表单后,会弹出窗口询问是否继续以电子邮件形式提交,单击“确定”按钮,浏览器会自动打开Outlook或Outlook Express,将表单中的数据整理为E-mail内容发送到设定的信箱中去。6.3 制作跳转菜单制作跳转菜单 跳转菜单利用菜单表单元素形成各种选项的列表,一旦选中某个选项,浏览器就会立即跳转到个新网页, 将光标定位后,单击“表单”工具栏上的“跳转菜单”按钮,弹出“插入跳转菜单”对话框,根据提示输入相应内容,点击“确定”按钮即可。