第13章 表单 《网页设计与制作》课件.ppt

第13章 表 单 本章导读 本章主要介绍如何在网页中使用表单：第一、二节介绍了关于表单对象和表单域的基本知识；第三节以实例的形式详细展示了如何使用每个表单对象；最后制作了一个综合的表单实例。 本章要点 表单对象 表单域 表单对象应用实例 制作注册表单 使用表单可以收集来自用户提交的各类信息，它是网站管理者与浏览者之间沟通的重要途径。通过表单收集和对用户反馈意见的分析，作出科学的和合理的决策，是一个网站成功的重要因素。有了表单，网站不仅是信息提供者，同时也是信息收集者，充分体现了网站的动态和交互效果，真正体现了用户与网站交互的目的，表单的通常应用是调查表、订单和搜索界面等。 表单有两个重要的组成部分，一是描述表单的HTML源代码；二是用于处理用户在表单中输入的信息的服务器端应用程序或客户端脚本等，所有的表单元素放到表单域中才会有效，因此制作表单页面的第一步是创建表单域。 13.1 表 单 对 象 在Dreamweaver 8中，表单输入类型称为表单对象，表单可以包含标准对象，如文本域、按钮、图像域、复选框、单选按钮、列表菜单、文件域等。 在菜单栏选择【插入》表单】选项，切换到【表单】插入栏，在插入栏中单击要插入的对象类型按钮或者将其拖入到文档窗口中，如图1所示。 图1: 在图1中，由左边第一个图标开始，分别代表表单域、文本字段、隐藏域、文本区域、复选框、单选按钮、单选按钮组、列表/菜单、跳转菜单、图像域、文本域、按钮、标签、字段集。下面将详细介绍各个表单对象的使用。 13.2 创建表单域 构成表单文档的图片、文本等元素必须处于表单区域内，这样才会被确认为表单文档，为了使文档能够顺利运行，首先要制作表单文档的框架，即表单区域。由此可见，要先设置表单文档，然后再插入构成元素。 要在网页中创建表单文档，可以选择菜单命令【插入》表单》表单】，或者选择【插入】栏中的【表单】选项卡，在【表单】选项卡中单击【表单】按钮，将在文档中插入一个表单，如图2所示。 图2: 要设置表单属性，可以先选中表单，然后选择【窗口》属性】命令来显示表单【属性】面板，如图3所示。 图3: 【属性】面板中的各个选项参数含义为： （1）表单名称：用于输入表单的名称，在同一个文档中表单的名称必须唯一； （2）动作：用于指定处理该表单的动态页或者脚本路径，可以是HTTP类型的地址或者mailto类型的地址； （3）目标：若要使链接的文档出现在当前窗口或者框架以外的其他位置，可以从【属性】面板中的“目标”下拉列表中选择一个选项； （4）类：用于指定用于该表单的CSS样式； （5）方法：用于选择需要设置表单数据的发送方法，包含3个选项； （6）MIME类型：用于指定对提交给服务器进行处理的数据使用MIME编码类型。 13.3 使用表单对象 表单由文本字段、传送按钮、单选按钮等表单对象组成。当访问者将信息输入表单并单击“提交”按钮时，这些信息将被发送到服务器。服务器端脚本或应用程序在该处对这些信息进行处理，并且通过将请求信息发送回用户，基于该表单内容执行一些操作来进行响应。因此表单样式文档的学习是进行网页编程的基础。 13.3.1 创建文本域 在Dreamweaver 8中，可以使用“文本字段”和“文本区域”两种方法来创建文本域，文本域包括“单行”、“多行”和“密码”3种类型。以适应不同情况下的需要。文本域在网页中的主要作用是输入如用户名、密码等相关信息，在网页中创建文本域的具体步骤如下： 1、选择【插入】工具栏中的【表单】选项卡，在【表单】工具栏中单击“文本字段”按钮，将在文档中创建一个单行的文本区域，如图4所示。 图4: 2、设置文本区域属性。先单击文档中的文本域，然后选择菜单命令【窗口》属性】，以显示其【属性】面板，如图5所示。 图5: 【属性】面板中的各个选项参数含义为： （1）文本域：用于输入文本域的名称； （2）字段宽度：指定在文本字段栏中能够显示的最多字数，用于设置文本字段的长度； （3）类型：指定在文本字段中可以输入的最多字数； （4）类：用于应用CSS样式中的类； （5）行数：用来限制文档的行数； （6）换行：用于指定多行文本的换行方式，其中包括4个选项： 选择“默认”选项，则使用默认的自动回行的方式； 选择“关”选项，当文本域中的文本超出文本域的宽度时，则会自动为文本域添加水平滚动条来浏览文本； 选择“虚拟”选项，当文本域中的文本超出文本域的宽度时，会自动按照文本域的宽度进行回行符号； 选择“实体”选项，则当文本域中的文本超出文本域的宽度时，会自动按照文本域的宽度进行回行，这种回行是物理行为，在实际发送的行数中，文本中相应的位置被添加回行符号。 （7）初始值：用于输入文本域中默认状态下显示的文本。