Dreamweaver网页创新设计第7章表单和行为.pptVIP

第7章 表单与行为 主要内容 表单和行为的概念 创建表单和添加表单对象 常用表单对象的使用方法 在Dreamweaver 8.0中添加和删除行为 常用Dreamweaver 8.0中自带行为 7.1 表单 7.1.1表单概述 表单是用于实现浏览者与网页制作者之间信息交互的一种网页对象。表单被广泛应用于信息的搜集与反馈，是网站管理者与浏览者之间沟通的桥梁。表单通常应用于调查表、订单和搜索界面中。 表单的两个重要组成部分： ① 描述表单的HTML源代码－“刊登”表单的网页； ② 用于处理用户在表单域中输入的信息的服务器端应用程序或客户端脚本，如CGI、ASP等。 7.1.2表单的创建与管理 1．创建表单 选择以下方法之一： ⑴ 把光标置于要插入表单的位置，然后选择菜单“插入/表单”。 ⑵ 把光标置于要插入表单的位置，然后单击插入栏“表单”类别中的“表单”按钮。 ⑶ 拖动“表单”按钮到页面上要插入表单的位置。 插入表单后，在网页的光标处会出现一个红色的虚线框。页面中虚线框表示表单，此框的作用仅仅是方便编辑，它不会出现在浏览器中。 7.1.2表单的创建与管理 2．设置表单属性 表单名称：设置表单的名称。 动作：设置表单处理程序的URL。。 目标：设置显示表单数据处理结果网页的打开方式。 方法：设置处理表单数据的类型。有默认、GET和POST三种。 MIME类型：选择发送数据的MIME编码类型。 7.1.2表单的创建与管理 3．设置表单对象属性 ⑴ 表单对象 包括：文本域、文本区域、按钮、复选框、单选按钮、列表/菜单、文件域、图形域、隐藏域、单选按钮组、跳转菜单。 表单对象是允许用户输入数据的机制。当浏览者将信息输入表单并单击提交按钮时，信息将被发送到服务器，服务器端脚本或应用程序对这些数据进行处理。服务器通过将请求信息发送回浏览者或基于该表单执行一些操作来进行响应。 7.1.2表单的创建与管理 ⑵ 表单对象的插入 选择以下方法之一： ① 把光标置于表单内，然后从菜单“插入/表单”中选择一个对象。 ② 把光标置于表单内，然后单击插入面板上的表单对象按钮。 ③ 拖动表单对象按钮到表单内想放置的位置。 7.1.2表单的创建与管理 ⑶表单对象的属性 ① 文本域的属性 文本域：设置文本域的名称。 字符宽度：设置文本域可显示的最大字符数。 最多字符数：指定文本域可以输入的最大字符数。 类型：指定文本域为单行、多行或密码。 单行：单行文本域。用于输入单行信息。 密码：密码域，用于输入密码。 多行：多行文本域。用于输入内容较多的信息。 行数：设置多行文本域的高度。 初始值：指定表单首次被载入时显示在文本域中的值。 7.1.2表单的创建与管理 ② 按钮的属性 按钮名称：设置按钮的名称。 标签：设置显示在按钮上的文本。 动作：确定按钮被单击时发生的动作。有三种选择： 提交表单：用于提交表单数据给处理程序或脚本。 重置表单：将表单内所有对象恢复为各自的初值。 无：不发生任何动作，即当单击按钮时，提交和重置动作都不发生 7.1.2表单的创建与管理 ③ 单选按钮的属性 单选按钮：设置单选按钮的名称。同一组的单选钮的名称必须相同。 选定值：设置单选钮被选时的取值。当用户提交表单时，该值被传送给处理程序（如CGI脚本）。应赋给同组的每个单选钮不同的值。 初始状态：指定首次载入表单时单选钮是已选还是未选。一组单选钮中，只能有一个按钮的初始状态被设为选中。 7.1.2表单的创建与管理 ④ 复选框的属性 复选框名称：设置复选框的名称。 选定值：设置复选框被选择时的取值。当用户提交表单时，该值被传送给服务器端应用程序（如CGI脚本）。 初始状态：设置首次载入表单时复选框是已选还是未选。 7.1.2表单的创建与管理 ⑤ 列表/菜单属性 列表/菜单：设置列表或菜单名称。 类型：指定此对象是菜单还是列表。 对于列表，还可以设置以下属性： 高度：在不滚动情况下显示出来的选项数。 选定范围：通过勾选“允许多选”复选框来设置是否允许用户从列表中选择多项。 列表值：添加选项到列表或菜单中。 7.1.2表单的创建与管理 ⑥ 文件域的属性 文件域名称：设置文件域的名称。 字符宽度：设置文件域可显示的最大字符数。这个数字可以比最多字符数小。 最多字符数：设置文件域可以输入的最大字符数。使用此项属性限制文件名长度。 7.1.2表单的创建与管理 ⑦ 图像域属性 图像区域：设置图像域的名称。 源文件：设置图像域的源文件。单击文件夹图标，可在磁盘上浏览到一个图像文件。 替代文本：指定替换文本，在文本浏览器或者关闭了图像下载的浏览器上使用。在某些浏览器上，这段文本也在鼠标滑过时显示。 7.1.2表单的创建与管理 ⑧ 隐藏域属性 隐藏区域：设置隐藏区域的名称。 值：设置隐藏区域的取值。