12表单.pptVIP

Dreamweaver 网页设计 第12章 表 单 【学习概述】 表单的作用是非常重要的。比如获得Web站点用户的信息，访问者可以在表单对象中输入信息，然后提交这些信息。其他的如在站点内加入搜索引擎等也必须利用表单技术。 本章重点内容是：文本域、复选框、单选按钮、列表/菜单的使用。 难点内容是：制作发送电子邮件表单、制作跳转菜单和在网页中加入搜索引擎等较为高级的内容。 12.1 表单概述 处理表单分为3个步骤进行： （1）执行【客户端填写表单内容并提交表单】?【服务器端调用脚本处理表单内容】?【服务器端将处理结果返回给客户端】命令，如图12-1所示。 12.2 创建表单 12.3 制作电子邮件表单 制作发送电子邮件表单的步骤如下： 1、创建表单如图12-34所示 2、将鼠标移到红色框线上单击选中表单，在属性面析中的“动作”文本框中输入电子邮件的链接方式，设置各项属性如图12-35所示。 3、切换到“代码”视图，在method=post后面加上enctype=“text/plain”。 4、保存网页，按F12预览，填写必要信息，单击“提交”按钮。弹出对话框如图12-37所示，单击“确定”按钮后，浏览器会自动发送信息给邮箱。 12.4 在网页中加入搜索引擎 1、新建网页，插入表单、文本字段和按钮； 2、分别设置文本字段、按钮、表单属性面板的参数，可设置表单动作为/s； 3、保存网页。按F12预览。 3．插入普通按钮 普通按钮的创建方法与“重置”按钮的创建方法基本上相同，但在属性面板上的“动作”下要选择“无”单选按钮。 4．按钮属性设置 表单中的3种按钮可以通过选择属性面板“动作”中的不同选项实现相互转换。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 12-34 创建表单 12-35 表单属性面板 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 12-37 询问是否继续传送信息 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. * * Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 12.1.1 什么是表单 表单是实现网页互动的元素，与客户端和服务器端脚本进行结合使用，可以实现互动性。表单支持客户端-服务器关系中的客户端。当访问者在Web浏览器中显示的表单中输入信息，然后单击【提交】按钮时，这些信息将被发送到服务器，服务器端脚本或应用程序对这些信息进行处理，最后服务器端将处理结果返回给客户端。用于处理表单数据的常用服务器端技术包括cgi、asp/、jsp、PHP等。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 图12-1处理表单流程图 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 12.1.2 表单对象 Dreamweaver提供的表单对象包括表单、文本字段、隐藏域、文本区域、复选框等。可以通过执行【插入】?【表单】命令来插入表单对象（如图12-2所示），也可以单击“插入”栏的“表单”类