网页设计 第章 Dreamweaver的表单和行为.pptVIP

第 10 章 Dreamweaver的表单和行为 本章知识技能要点： 表单页面的基本作用 表单对象和表单控件对象的创建及其各个属性的设置 行为、动作和事件的概念 Dreamweaver中自带的行为及其使用 10.1 Dreamweaver的表单页面制作 10.1 Dreamweaver的表单页面制作 10.1.2 创建表单对象 10.1.2.1 创建文本域 选择“插入”→“表单”→“文本字段”命令。打开“输入标签辅助功能属性”对话框，如图所示。其中的“标签文字”用于设置该文本域的说明文字。 10.1 Dreamweaver的表单页面制作 点击“确定”后，文档窗口就会出现一个带有标签文字的文本框。如图10-3所示。此时的属性检查器显示该文本字段的属性。如图10-4所示。 其中“文本域”：定义本控件的名字；“字符宽度”：设置该文本框的宽度；“最多字符数”：设置该文本框最多能够记录的字符数；“类型”里：有三个选项，如果选择了“密码”，则这个文本框便成为用户输入口令或者密码的控件。 10.1 Dreamweaver的表单页面制作 10.1.2.2 创建文本区域 选择“插入”→“表单”→“文本区域”命令。此时的属性检查器显示该文本区域的属性。其中的“字符宽度”和“行数”用于设置该文本域的宽度和高度。如图。 10.1 Dreamweaver的表单页面制作 10.1.2.3 创建复选框 选择“插入”→“表单”→“复选框”命令。此时的属性检查器显示该复选框的属性。其中的“初始状态”可以设置为默认的“已勾选”或“未选中”。如图示。 10.1 Dreamweaver的表单页面制作 10.1.2.4 创建单选按钮 选择“插入”→“表单”→“单选按钮”命令。如图 10.1 Dreamweaver的表单页面制作 10.1.2.5 创建单选按钮组 选择“插入”→“表单”→“单选按钮组”命令。打开“单选按钮组”对话框。在“单选按钮”列表中，可以编辑各个单选按钮的标签。如图 10.1 Dreamweaver的表单页面制作 10.1.2.6 创建列表和菜单 选择“插入”→“表单”→“列表/菜单”命令。显示“列表/菜单”的属性检查器。在“类型”里有两个选项：选择“菜单”，则显示下拉菜单；选择“列表”，则可以确定列表的高度以及是否允许多选。如图 10.1 Dreamweaver的表单页面制作 此时单击属性面板中的“列表值…”按钮，打开“列表值对话框”，可以编辑“列表/菜单”的列表。如图 10.1 Dreamweaver的表单页面制作 10.1.2.7 创建跳转菜单 选择“插入”→“表单”→“跳转菜单”命令。打开“插入跳转菜单”对话框。在此，除了和编辑菜单的列表值一样的编辑列表项之外，还可以为每一个列表项指定一个超级链接。 10.1 Dreamweaver的表单页面制作 10.1.2.8 创建文件域 选择“插入”→“表单”→“文件域”命令。显示文件域的属性面板。如图所示。其中的“字符宽度”与“最多字符数”与文本域的意义相同。 10.1 Dreamweaver的表单页面制作 10.1.2.9 创建表单按钮 选择“插入”→“表单”→“按钮”命令。属性面板显示按钮的属性，如图10-18所示。其中的“值”：用于设置显示在按钮上的文字；“动作”选择了“提交表单”，则为提交按钮，选择了“重设表单”，则为重置按钮。 10.2 Dreamweaver的行为 Dreamweaver中的行为是JavaSrcipt的程序库，是动作和事件的组合。行为代码是客户端JavaScript代码，即它运行于浏览器中，而不是在服务器上。在将行为附加到页面元素之后，只要对该元素发生了所指定的事件，浏览器就会调用与该事件关联的动作，即JavaScript代码。 从另一方面来说，行为是实现网页上交互的一种捷径，Dreamweaver的行为是将 javascript 代码嵌入在文档中，以便允许访问者与 Web 页进行交互，从而以多种方式更改页面动作或执行某些任务。 10.2 Dreamweaver的行为 10.2.1“行为”、“事件”和“动作”的概念 这里首先就“行为”、“事件”和“动作”这几个概念给予说明。 “行为”、“事件”和“动作”的概念在人们的自然语言中似乎意义非常相似，但在这里有严格的区分。举个例子来说明：网页上有一行文字，浏览网页时，鼠标一旦放在这行文字上，就会显示一幅图片；鼠标一旦离开这行文字，那个图片就会隐藏起来。这个效果就使用了“行为”。 事件：鼠标的移入和鼠标的移出； 动作：图片的显示和隐藏； 行为：鼠标的移入+图片的显示，鼠标的移出+图片的隐藏 由此可见，行为是事件和由该事件触发的动作的组合。