资源描述
网页设计与制作,第六章 交互式表单制作,讲解提纲,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或Outlook Express,将表单中的数据整理为E-mail内容发送到设定的信箱中去。,6.3 制作跳转菜单,跳转菜单利用菜单表单元素形成各种选项的列表,一旦选中某个选项,浏览器就会立即跳转到个新网页, 将光标定位后,单击“表单”工具栏上的“跳转菜单”按钮,弹出“插入跳转菜单”对话框,根据提示输入相应内容,点击“确定”按钮即可。,
展开阅读全文