《中文Dreamweaver CS5网页设计 教学课件 ppt 作者 沈大林 张伦_ PPT 第6章 创建表单和Spry构件》由会员分享，可在线阅读，更多相关《中文Dreamweaver CS5网页设计 教学课件 ppt 作者 沈大林 张伦_ PPT 第6章 创建表单和Spry构件（17页珍藏版）》请在金锄头文库上搜索。
1、,第 6 章,创建表 单 和 Spry 构 件,第 6.1 节,创建表单,表 单 是 用 户 利 用 浏 览 器 对 Web 站 点 进 行 信 息 提 交 的 一 种 界 面 。 网 站 可 以 通 过 表 单 将 一 些 选项或要求输入的内容显示给用户，用户可以利用表单输入信息或选择选项等，然后将这些 信息提交给服务器进行处理。这种查询方式称为交互查询。表单中可包含多种表单对象，包 括文本域、下拉列表框、复选框和单选按钮等。 表单又称为表单域，它是放置表单对象的区域，而表单对象是让用户输入信息的地方。 只有表单域内的表单对象，才可以将其信息传送到服务器端，才可以接收外来的信息。 既然表单操
2、作是用户与服务器交互的操作，这就涉及服务器方面的操作，这方面的操作 是 通 过 服 务 器 端 的 程 序 来 实 现 的 。 要 实 现 服 务 器 的 操 作 有 多 种 方 式 ， 其 中 有 ASP、 ASP.NET、 JSP、 PHP 等 多 种 方 式 。 另 外 ， 许 多 数 据 库 也 提 供 了 与 之 相 应 的 接 口 ， 以 方 便 网 络 操 作 。,6.1.1,表单域和插入表单对象,1 表 单 域 的 创 建 与 删 除 （ 1 ）创 建 表 单 域 ：将 光 标 移 到 要 插 入 表 单 域 的 位 置 。单 击“ 插 入 ”（ 表 单 ）工 具 栏（ 如 图
3、,611 所 示 ） 中 的 “ 表 单 ” 按 钮,，或将表单图标,拖曳到网页文档窗口内，或单击“插入”,“, “ 表 单 ” “ 表 单 ” 命 令 ， 都 可 以 在 网 页 设 计 窗 口 内 创 建 一 个 表 单 域 ， 如 图 612 所 示 。 表 单 域 在 浏 览 器 内 是 看 不 到 的 。 单 击 表 单 域 内 部 ， 使 光 标 在 表 单 域 内 ， 按 Enter 键 可 将 表 单 域 调 大 。 按 Backspace 键 可 将 表 单 域 缩 小 。 图 611 “ 插 入 ” （ 表 单 ） 工 具 栏 图 612 创 建 的 表 单 域 （ 2 ）
4、 显 示 表 单 域 ： 在 表 单 域 创 建 后 ， 若 看 不 到 表 单 域 的 矩 形 红 线 ， 可 以 单 击 “ 查 看 ” “可视化助理”“不可见元素”命令。 （ 3 ） 删 除 表 单 域 ： 单 击 表 单 域 的 边 线 处 ， 选 择 表 单 域 ， 按 Delete 键 。 2 表 单 域 “ 属 性 ” 栏 选 中 表 单 域 ， 此 时 表 单 域 “ 属 性 ” 栏 性 如 图 613 所 示 。 （ 1 ） 表 单 ID ”文 本 框 ：在 该 文 本 框 内 输 入 表 单 域 的 名 字 。表 单 域 的 名 字 可 用 于 JavaScript 和 V
5、BScript 等 脚 本 语 言 中 ， 这 些 脚 本 语 言 可 以 控 制 表 单 域 的 属 性 。 图 613 表 单 域 “ 属 性 ” 栏 （ 2 ）“ 动 作 ” 栏 ： 利 用 它 们 可 以 输 入 脚 本 程 序 或 含 有 脚 本 程 序 的 HTML 文 件 。 （ 3 ）“ 方 法 ”下 拉 列 表 框 ：用 来 选 择 客 户 端 与 服 务 器 之 间 传 送 数 据 采 用 的 方 式 。3 个 选 项,是 “ 默 认 ”、 GET（ 获 得 ， 即 追 加 表 单 值 到 请 求 该 页 面 URL ， 并 发 送 服 务 器 GET 请 求 ，） 和 P
6、OST（ 传 递 ， 在 HTTP 请 求 中 嵌 入 表 单 数 据 ， 并 发 送 服 务 器 POST 请 求 ）。 （ 4 ）“ 目 标 ” 下 拉 列 表 框 ： 用 来 指 定 一 个 窗 口 用 于 显 示 被 调 用 程 序 返 回 的 数 据 。 如 果 命 名 的 窗 口 尚 未 打 开 ， 则 打 开 一 个 具 有 该 名 称 的 新 窗 口 。 设 置 以 下 任 一 目 标 值 。 _blank ： 在 未 命 名 的 新 窗 口 内 打 开 被 链 接 的 目 标 文 档 ， 并 保 持 当 前 窗 口 可 用 。 _new： 在 新 窗 口 中 打 开 被 链
7、接 的 目 标 文 档 用 。 _parent ： 在 显 示 当 前 文 档 窗 口 的 父 框 架 窗 口 中 打 开 目 标 文 档 。 _self： 在 当 前 框 架 的 同 一 窗 口 中 打 开 被 链 接 的 目 标 文 档 ， 替 代 该 框 架 中 的 内 容 。 _top： 在 当 前 窗 口 的 最 外 层 框 架 窗 口 内 打 开 被 链 接 的 目 标 文 档 。 此 值 可 用 于 确 保 目 标 文 档占用整个窗口，即使原始文档显示在框架中时也是如此。 （ 5 ）“ 类 ” 下 拉 列 表 框 ： 其 中 有 “ 重 命 名 ”、“ 附 加 样 式 表 ” 和
8、 创 建 的 CSS 样 式 名 称 等 多 个 选 项 ， 可 以 用 来 选 择 CSS 样 式 、 给 CSS 样 式 重 命 名 和 创 建 新 的 CSS 样 式 等 。,6.1.2,表单对象属性的设置,1 文 本 字 段 属 性 的 设 置,文本字段也叫文本域，文本字段,的 “ 属 性 ” 栏 如 图 615 所 示 。 它 可 以 是 单 行 ， 也 可,以是多行，它用于接收文本、数字和字符。如果选择了“类型”选项组中的“单行”或“密 码 ” 单 选 按 钮 ， 则 “ 属 性 ” 栏 如 图 615 所 示 。 如 果 选 择 了 “ 类 型 ” 选 项 组 中 的 “ 多 行
9、 ” 单 选 按 钮 ， 则 “ 属 性 ” 栏 如 图 616 所 示 。 各 选 项 的 作 用 如 下 。,图 615 文 本 字 段 （ 即 文 本 域 ）,的“属性”栏（选择“密码”单选按钮）,（ 1 ）“ 字 符 宽 度 ” 文 本 框 ： 文 本 域 的 宽 度 ， 即 可 以 显 示 字 符 的 最 多 个 数 。 （ 2 ）“ 最 多 字 符 数 ” 文 本 框 ： 允 许 输 入 的 字 符 个 数 ， 可 以 比 文 本 框 宽 度 大 。 （ 3 ）“ 初 始 值 ” 文 本 框 ： 用 来 输 入 文 本 框 的 初 始 内 容 。 （ 4 ）“ 类 型 ” 栏 ：
10、该 栏 有 “ 单 行 ”、“ 多 行 ” 或 “ 密 码 ” 3 个 单 选 按 钮 ， 用 来 选 择 不 同 的 类 型 的 文 本 域 。当 用 户 输 入 文 字 时 ，“ 密 码 ”文 本 域 内 显 示 的 不 是 这 些 文 字 ，而 是 一 行“ *”；选 择“ 多 行 ”单 选 按 钮 时 ，其“ 属 性 ”栏 内“ 初 始 值 ”文 本 框 变 为 带 滚 动 条 的 多 行 文 本 框 ，“ 最 多字符数”文本框变为“行数”文本框，用来输入文本框的行数。 （ 5 ）“ 禁 用 ” 复 选 框 ： 选 中 它 后 ， 文 本 字 段 变 为 灰 色 ， 不 可 以 使 用
11、 。 （ 6 ）“ 只 读 ” 复 选 框 ： 选 中 它 后 ， 文 本 字 段 只 能 用 来 显 示 内 容 ， 不 允 许 输 入 内 容 。,的“属性”（多行）栏,图 616 文 本 字 段 （ 即 文 本 域 ） 2 复 选 框 和 单 选 按 钮 属 性 的 设 置,（ 1 ） 设 置 复 选 框 的 属 性 ： 复 选 框,有选择和未选择两种状态，有多个复选框允许多选。,它 的 “ 属 性 ” 栏 如 图 617 所 示 ， 各 选 项 的 作 用 如 下 。 91,图 617 复 选 框 的 “ 属 性 ” 栏 “ 选 定 值 ” 文 本 框 ： 用 来 输 入 复 选 框
12、选 中 时 的 数 值 ， 通 常 为 1 或 0 。 “初始状态”栏：它有两个单选按钮，用来设置复选框的初始状态。,（ 2 ）设 置 单 选 按 钮 的 属 性 ：一 组 单 选 按 钮,中 只 允 许 选 择 一 个 。它 的“ 属 性 ”栏 如 图 618,所示。该“属性”栏内的选项与复选框“属性”栏相应选项的作用一样。 图 618 单 选 按 钮 的 “ 属 性 ” 栏,（ 3 ） 设 置 单 选 按 钮 组 的 属 性 ： 单 击 “ 插 入 ”（ 表 单 ） 工 具 栏 中 的 “ 单 选 按 钮 组 ” 按 钮,，,可 调 出 “ 单 选 按 钮 组 ” 对 话 框 ， 如 图
13、619 所 示 。 利 用 该 对 话 框 可 以 设 置 单 选 按 钮 组 中 单 选,按 钮 的 个 数 、 名 称 和 初 始 值 （ 通 常 是 1 或 0 等 数 值 ）。 如 果 要 增 加 选 项 ， 可 单 击,按钮；如,果 要 删 除 选 项 ，可 选 择 要 删 除 的 选 项 ，再 单 击,按 钮 。如 果 要 调 整 选 项 的 显 示 次 序 ，可 选 择,要移动的选项，再单击,或,按钮。 图 619 “ 单 选 按 钮 组 ” 对 话 框,（ 4 ） 设 置 复 选 框 组 的 属 性 ： 单 击 “ 插 入 ”（ 表 单 ） 工 具 栏 中 的 “ 复 选 框
14、组 ” 按 钮,，可,调 出“ 组 ”对 话 框 ， 如 图 6110 所 示 。利 用 该 对 话 框 可 以 设 置 复 选 框 组 中 的 复 选 框 个 数 、名 称和初始值。 图 6110 “ 单 选 按 钮 组 ” 对 话 框 3 按 钮 属 性 的 设 置,按钮,用 来 制 作“ 提 交 ”和“ 重 置 ”按 钮 ，还 可 以 调 用 函 数 。它 的“ 属 性 ”栏 如 图 6111,所示，各选项的作用如下。,图 6111,按钮的“属性”栏 92,（ 1 ）“ 值 ” 文 本 框 ： 用 来 输 入 按 钮 上 的 文 字 。 （ 2 ）“ 动 作 ” 选 项 组 ： 它 有
15、3 个 单 选 按 钮 ， 用 来 选 择 单 击 该 选 项 后 引 起 的 动 作 类 型 。 “ 提 交 表 单 ”： 选 择 它 后 ， 可 以 向 服 务 器 提 交 整 个 表 单 。 “ 重 设 表 单 ”： 选 择 它 后 ， 可 以 取 消 前 面 的 输 入 ， 复 位 表 单 。 “ 无 ”： 选 择 它 后 ， 表 示 是 一 般 按 钮 ， 可 用 来 调 用 脚 本 程 序 。 4 列 表 /菜 单 和 文 件 域 属 性 的 设 置,（ 1 ） 设 置 列 表 / 菜 单 的 属 性 ： 列 表 / 菜 单,的作用是将一些选项放在一个带滚动条的列表,框 内 。 它
16、 的 “ 属 性 ” 栏 如 图 6112 所 示 ， 其 中 各 选 项 的 作 用 如 下 。 图 6112 列 表 / 菜 单 的 “ 属 性 ” 栏 “ 类 型 ” 选 项 组 ： 它 有 两 个 单 选 按 钮 ， 用 来 选 择 “ 菜 单 ” 或 “ 列 表 ”。“ 菜 单 ” 就 是 下 拉列表框；选择“列表”单选按钮后，其右边的各选项会变为可选项，此时的列表框右边会 产生滚动条。 “ 高 度 ”文 本 框 ：只 有 选 中“ 列 表 ”单 选 按 钮 后 才 有 有 效 。它 用 来 输 入 列 表 的 高 度 值 ， 即可以显示的行数。 “选定范围”复选框：选择它后，表示列表中的各选项可以同时选择多项。 “初始化时选定”列表框：用来设置第一次调出该菜单时，菜单中默认的选中项。 “列表值”按钮：单击该按钮，可以调出一个“列表值”对话框。利用该对话框可以 输 入 菜 单 或 列 表
