信息技术第六章《网页的设计与制作》.ppt

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