《网页设计实用教程》第08章.pptVIP

第8章 表单操作 第八章网校在线报名表单.htm 学习目的： 　插入表单 　插入文本或文本域 　插入单选按钮和复选框 　插入图像域与隐藏域 　插入“列表/菜单域”与跳转菜单 本章概述： 本章将介绍一个网上在线报名表单制作的实例， 通过该实例的学习，读者可以学会Dreamweaver MX关于表单的基本操作， 以此为驱动，进一步全面地介绍表单对象面板上的10个表单域对象的使用及其属性， 通过这些知识的学习，可帮助读者在网页上轻松地设计出各种类型的表单。 8.1 制作一个网上报名表单 表单，是一个专业网站必不可少的内容，它是一个网站是否具有交互功能的重要体现。 通过表单，可以得到用户的反馈信息，如进行各种网上调查、进行注册登记、收到用户订货单等。 本小节介绍一个网上报名表单的实例。如图8-1所示， 是读者经常在网上看到的一种表单形式， 通过客户端的信息输入并通过“提交”按钮来完成， 可以把用户输入的信息发送到服务器端或网页设计者指定的信箱中。 本小节要完成的任务，既包括该表单的制作，也包括该表单在网上提交直到完成接收的全过程。 8.1.1 制作网上在线报名表单 制作上述网上报名表单的操作步骤。 动作：mailto:jszx3@hlju.edu.cn?subject=网上报名 enctype=text/plain“ 编码类型 enc=ENCode, 编码 1、文本字段（文本域） 2、单选按钮 3、列表/菜单域 4、复选框 5、文本区域 6、按钮 8.1.2 预览网上在线报名表单 制作好网上报名表单后，现在可通过浏览器来预览效果了， 具体操作步骤请参见书的介绍。 8.2 知识要点 上一节介绍了一个网上在线报名表单制作的例子， 本小节将在此基础上，对表单在网页设计中的应用进一步介绍，这样可以较系统了解表单应用的知识。 在表单对象面板上，共包括10个表单域对象，如图8-19所示，接下来对此逐一进行讲解。 8.2.1 插入表单 插入表单是创建表单的第一步，表单对象面板中的其他对象都只有依赖它才能存在。插入表单有三种方法： 通过主菜单“插入/表单”来实现。?? 单击“表单”面板中的“插入表单”按钮来实现。 拖动“表单”面板中的“插入表单”按钮到文档中的插入点来实现。 表单名称 动作 mailto:电子邮件?subject=主题 表单属性面板上的“方法”共有（默认）、（POST ）、（ GET ）三个选项。 8.2.2 插入文本对象表单 与Dreamweaver以前的版本不同的是Dreamweaver MX所提供的表单工具 既可以直接插入“文本字段”， 也可以插入“文本区域”。其插入的方法同样有三种： 通过主菜单“插入”/“表单对象”/“文本字段（文本区域）”命令来实现。?? 单击“表单”面板中的“插入文本字段”、“文本域”按钮等来实现。 拖动“表单”面板中的相应按钮到表单中的插入点来实现。 8.2.3 插入按钮 插入按钮与插入文本域一样，有三种方法，这里不再介绍， 当按钮被插入后，按钮的属性面板会出现， 可以通过该属性面板方便地对按钮属性进行修改，如图8-23所示。 8.2.4 插入复选框 插入复选框也有三种方法，这里不再介绍，当复选框被插入后，复选框的属性面板会出现，可以通过该属性面板方便地对复选框属性进行修改，如图8-24所示。 8.2.5 插入单选按钮 插入单选按钮也有三种方法，这里不再介绍，当单选按钮被插入后，单选按钮的属性面板会出现，可以通过该属性面板方便地对单选按钮属性进行修改，如图8-25所示。 8.2.6 插入列表/菜单域 插入列表/菜单域也有三种方法，这里不再介绍，当列表/菜单域被插入后，列表/菜单域的属性面板会出现，可以通过该属性面板方便地对列表/菜单域属性进行修改，如图8-26所示。 表单其他元素练习 第八章文件域图像域隐藏域跳转菜单.htm 8.2.7 插入文件域 有时，需要获取一些来自访问者的信息， 这些信息也许太复杂，无法在文本区域中处理。 这时，借助于文件域，可以让用户将整个文件传送到服务器上， 例如，一份个人简历文件、一个图片文件等。 插入文件域也有三种方法，这里不再介绍， 当文件域被插入后，文件域的属性面板会出现，可能通过该属性面板方便地对文件域属性进行修改，如图8-27所示。 8.2.8 插入图像域 如果对文字形式的提交按钮不太满意，可以通过使用“插入图像域”命令在表单中插入图像，从而制作一个更加吸引人的“提交”按钮。 当然也可以使用图形按钮来执行其他的表单操作如“重置”或“播放声音”等。 但要达