网页设计与制作电子课件 第6章 表单.pptVIP

第六章 使用表单 6.1 实例导入：利用表单创建用户信息注册表 6.2 创建表单 6.3 插入表单对象 本章主要介绍了通过表单可以实现浏览器与服务器之间的信息交流，在WWW上表单被广泛用于各种信息的收集和反馈，如图所示。 【本章学习目的】 本章通过一个用户注册信息表的实例，重点介绍了表单的创建、表单对象的插入，通过本章的学习，读者应了解表单的用途，掌握插入表单和表单对象的方法，了解通过Dreamweaver内部行为验证用户输入信息的正确性。 6.1 实例导入：利用表单创建用户信息　　注册表 【例6.1】利用表单创建用户信息注册表，如图所示。 在本实例主要涉及到以下知识点： 布局网页； 创建表单； 在表单中插入表单对象； 将表单信息提交到网络管理者的邮箱。 6.2 创建表单 表单相当于一个容器，它容纳的是承载数据的表单对象，例如：文本框、复选框等。因此一个完整的表单包括二部分：表单及表单对象，二者缺一不可。 6.2.1 表单网页的布局 在包含表单的网页，一般仍采用表格排版方式。其操作步骤如下： 步骤1　新建一个网页，添加页面背景，插入一个表单，出现一个红色虚线框。 步骤2　在表单中，插入表格，采用表格排版，在表格中，插入图像或动画、文本加以修饰，并用CSS样式美化网页。如图所示。 步骤3　最后在表格中插入表单对象。 6.2.2 创建表单 2. 设置表单属性 单击“表单”外框，或单击“文档”窗口左下角的Form标签，选择表单。在“属性”面板中设置表单属性。 1. 文本字段和文本区域 （1）文本字段 文本字段是用来输入文本信息的。 单击“插入”栏｜“表单”选项｜“文本字段”按钮，或选择“插入”菜单｜“表单”｜“文本域”命令，弹出 “标签输助功能属性”的对话框，如图所示，输入标签文本，如用户名，单击“确定”按钮，即插入了一个文本字段。单击“文本字段”对象，将其选中，在“属性”面板中设置“文本字段”的属性。 （2）文本区域 文本区域同样也是用来输入文本信息的，当文本字段的类型选择为多行时，即是文本区域。其属性与文本字段相同。 单击“插入”栏｜“表单”选项｜“文本区域”按钮，或选择“插入”菜单｜“表单”｜“文本区域”命令，即插入“文本区域”对象。 2. 复选框 复选框是指从一组选项中选择多个选项。操作步骤如下： 单击“插入”栏｜“表单”选项｜“复选框”按钮，或选择“插入”菜单｜“表单”｜“复选框”命令，即插入“复选框”对象。 单击“复选框”对象，将其选中，在“属性”面板中设置“复选框”的属性，如图所示。 3. 单选按钮及单选按钮组 （1）单选按钮 “单选按钮”是指从一组选项中只能选择一个选项。其操作步骤如下： 单击“插入”栏｜“表单”选项｜“单选”按钮，或选择“插入”菜单｜“表单”｜“单选按钮”命令，即插入单选按钮。 单击“单选按钮”对象，将其选中，在“属性”面板中设置“单选按钮”的属性：“单选按钮”的名称、选定值、初始状态等，如图所示。 （2）单选按钮组 由于“单选按钮”通常是由多个组成一组来使用，因此Dreamweaver提供了“单选按钮组”的功能。 单击“插入”栏｜“表单”选项｜“单选按钮组”按钮 ，或选择“插入”菜单｜“表单”｜“单选按钮组”命令，弹出 “单选按钮组”对话框。 4. 列表／菜单 “列表”和“菜单”可以在有限的空间内为用户提供更多的选项。“列表”在滚动条中显示选项值，并可允许用户在列表中选择多个选项。“菜单”在下拉式菜单中显示选项值，只允许用户选择一个选项。操作步骤如下： 单击“插入”栏｜“表单”选项｜“列表／菜单”按钮，或选择“插入”菜单｜“表单”｜“列表／菜单”命令，即插入“列表或菜单”。 单击“列表／菜单”，将其选中，在“属性”面板中设置“列表／菜单”的属性，如图所示。 5. 跳转菜单 “跳转菜单”与“菜单／列表”对象有所不同，菜单的每一个列表项目都链接到一个URL地址。一般常用于友情链接。 单击“插入”栏｜“表单”选项｜“跳转菜单”按钮，或选择“插入”菜单｜“表单”｜“跳转菜单”命令，弹出“插入跳转菜单”的对话框，如图所示。 7. 隐藏域 “隐藏域”通常用来在表单之间传递数据，一般只用于脚本编程。单击“插入栏”｜“表单”选项｜“隐藏域”按钮，或选择“插入”菜单｜“表单”选项｜“隐藏域”命令。 8. 按钮 “按钮”的作用是控制表单操作。使用表单按钮将输入表单的数据提交到应用程序，或者重置该表单，也可以用来执行脚本指定的自定义功能。 单击“插入”栏｜“表单”选项｜“按钮”按钮，或选择“插入”菜单｜“表单”｜“按钮”命令，即插入“按钮”。单击“按钮”，将其选中，在“属性”面板中设置按钮的属性，如图所示。 9. 图像域 “图像域”实质上是以图像形式显示的提交按钮，它的功能等同于提交按钮。 单击