dreamweaver网页设计第7章_表单与行为

《dreamweaver网页设计第7章_表单与行为》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第7章表单与行为主要内容表单和行为的概念创建表单和添加表单对象常用表单对象的使用方法在Dreamweaver8.0中添加和删除行为常用Dreamweaver8.0中自带行为7.1表单7.1.1表单概述表单是用于实现浏览者与网页制作者之间信息交互的一种网页对象。表单被广泛应用于信息的搜集与反馈，是网站管理者与浏览者之间沟通的桥梁。表单通常应用于调查表、订单和搜索界面中。表单的两个重要组成部分：①描述表单的HTML源代码－“刊登”表单的网页；②用于处理用户在表单域中输入的信息的服务器端应用程序或客户端脚本，如CGI、ASP等。7.1.2表

2、单的创建与管理1．创建表单选择以下方法之一：⑴把光标置于要插入表单的位置，然后选择菜单“插入/表单”。⑵把光标置于要插入表单的位置，然后单击插入栏“表单”类别中的“表单”按钮。⑶拖动“表单”按钮到页面上要插入表单的位置。插入表单后，在网页的光标处会出现一个红色的虚线框。页面中虚线框表示表单，此框的作用仅仅是方便编辑，它不会出现在浏览器中。7.1.2表单的创建与管理2．设置表单属性表单名称：设置表单的名称。动作：设置表单处理程序的URL。。目标：设置显示表单数据处理结果网页的打开方式。方法：设置处理表单数据的类型。有默认、GET和POS

3、T三种。MIME类型：选择发送数据的MIME编码类型。7.1.2表单的创建与管理3．设置表单对象属性⑴表单对象包括：文本域、文本区域、按钮、复选框、单选按钮、列表/菜单、文件域、图形域、隐藏域、单选按钮组、跳转菜单。表单对象是允许用户输入数据的机制。当浏览者将信息输入表单并单击提交按钮时，信息将被发送到服务器，服务器端脚本或应用程序对这些数据进行处理。服务器通过将请求信息发送回浏览者或基于该表单执行一些操作来进行响应。7.1.2表单的创建与管理⑵表单对象的插入选择以下方法之一：①把光标置于表单内，然后从菜单“插入/表单”中选择一个对象

4、。②把光标置于表单内，然后单击插入面板上的表单对象按钮。③拖动表单对象按钮到表单内想放置的位置。7.1.2表单的创建与管理⑶表单对象的属性①文本域的属性文本域：设置文本域的名称。字符宽度：设置文本域可显示的最大字符数。最多字符数：指定文本域可以输入的最大字符数。类型：指定文本域为单行、多行或密码。单行：单行文本域。用于输入单行信息。密码：密码域，用于输入密码。多行：多行文本域。用于输入内容较多的信息。行数：设置多行文本域的高度。初始值：指定表单首次被载入时显示在文本域中的值。7.1.2表单的创建与管理②按钮的属性按钮名称：设置按钮的名

5、称。标签：设置显示在按钮上的文本。动作：确定按钮被单击时发生的动作。有三种选择：提交表单：用于提交表单数据给处理程序或脚本。重置表单：将表单内所有对象恢复为各自的初值。无：不发生任何动作，即当单击按钮时，提交和重置动作都不发生7.1.2表单的创建与管理③单选按钮的属性单选按钮：设置单选按钮的名称。同一组的单选钮的名称必须相同。选定值：设置单选钮被选时的取值。当用户提交表单时，该值被传送给处理程序（如CGI脚本）。应赋给同组的每个单选钮不同的值。初始状态：指定首次载入表单时单选钮是已选还是未选。一组单选钮中，只能有一个按钮的初始状态被设

6、为选中。7.1.2表单的创建与管理④复选框的属性复选框名称：设置复选框的名称。选定值：设置复选框被选择时的取值。当用户提交表单时，该值被传送给服务器端应用程序（如CGI脚本）。初始状态：设置首次载入表单时复选框是已选还是未选。7.1.2表单的创建与管理⑤列表/菜单属性列表/菜单：设置列表或菜单名称。类型：指定此对象是菜单还是列表。对于列表，还可以设置以下属性：高度：在不滚动情况下显示出来的选项数。选定范围：通过勾选“允许多选”复选框来设置是否允许用户从列表中选择多项。列表值：添加选项到列表或菜单中。7.1.2表单的创建与管理⑥文件域的

7、属性文件域名称：设置文件域的名称。字符宽度：设置文件域可显示的最大字符数。这个数字可以比最多字符数小。最多字符数：设置文件域可以输入的最大字符数。使用此项属性限制文件名长度。7.1.2表单的创建与管理⑦图像域属性图像区域：设置图像域的名称。源文件：设置图像域的源文件。单击文件夹图标，可在磁盘上浏览到一个图像文件。替代文本：指定替换文本，在文本浏览器或者关闭了图像下载的浏览器上使用。在某些浏览器上，这段文本也在鼠标滑过时显示。7.1.2表单的创建与管理⑧隐藏域属性隐藏区域：设置隐藏区域的名称。值：设置隐藏区域的取值。7.1.3表单示例示

8、例：制作添加通讯录表单，如图7-12。操作步骤：⑴创建名为add.htm的文件。⑵在页面中插入表单。⑶在表单中插入表格，表格的标题设置为“添加通讯录”，其余属性设置如图7-13。⑷将第一列的背景色设置为#ffcc99，第