《Dreamweaver CS6 完全自学教程》笔记 第十章:表单的使用

您所在的位置:网站首页 dreamweaver下拉式列表 《Dreamweaver CS6 完全自学教程》笔记 第十章:表单的使用

《Dreamweaver CS6 完全自学教程》笔记 第十章:表单的使用

2023-10-12 01:13| 来源: 网络整理| 查看: 265

文章目录 第十章:表单的使用10.1表单概述技术专题:表单的工作流程 10.2表单的创建及设置10.2.1 创建表单10.2.2 设置表单属性 10.3 创建表单对象10.3.1 创建文本域10.3.2 创建单选按钮10.3.3 创建复选项10.3.4 创建下拉菜单10.3.5 创建滚动列表10.3.6 创建表单按钮10.3.7 创建标签10.3.8 创建跳转菜单10.3.9 创建图像域

第十章:表单的使用 10.1表单概述

使用表单能收集网站访问者的信息,比如会员注册信息、意见反馈。表单的使用需要两个条件:描述表单的 HTML 源代码 和 处理访问者在表单中输入信息的服务器端应用程序脚本,如 ASP、CGI 等。

ASP(Active Server Pages)是 Microsoft 公司开发的服务器端脚本环境,可用来创建动态交互式网页并建立强大的 web 应用程序。当服务器收到对 ASP 文件的请求时,它会处理包含在用于构建发送给浏览器的 HTML 网页文件中的服务器端脚本代码。除服务器端脚本代码外,ASP 文件也可以包含文本、HTML(包括相关的客户端脚本)和 com 组件调用。————百度百科

公共网关接口(Common Gateway Interface,CGI)是 Web 服务器运行时外部程序的规范,按 CGI 编写的程序可以扩展服务器功能。CGI 应用程序能与浏览器进行交互,还可通过数据 API 与数据库服务器等外部数据源进行通信,从数据库服务器中获取数据。格式化为 HTML 文档后,发送给浏览器,也可以将从浏览器获得的数据放到数据库中。几乎所有服务器都支持 CGI,可用任何语言编写 CGI。————百度百科

表单由两部分组成,即表单域和表单对象。表单域包含处理数据所用的 CGI 程序和 URL 以及数据提交到服务器的方法;表单对象包括文本域、密码域、单选按钮、复选项、弹出式菜单以及按钮等对象。

技术专题:表单的工作流程

表单支持交互作用,它将用户的信息传送回 Web 站点,实现信息交互。表单所有元素都包含在 中,用户不可以嵌套表单。 在这里插入图片描述

10.2表单的创建及设置 10.2.1 创建表单

点击 插入 -> 表单 -> 表单,或者在 “插入” 面板中切换至 “表单” 然后单击 “表单” 按钮。这时会出现一个红色虚线框,框内是表单域,各种表单对象必须插入框内。

在这里插入图片描述

若没有看见红色虚线框,可点击 查看 -> 可视化助理 -> 不可见元素。

10.2.2 设置表单属性

参数介绍:

表单 ID: 设置表单名称,方便以后程序控制。动作: 输入处理该表单的动态页或用来处理数据的程序路径。方法: 选择表单的提示方式,包括 “默认”、“GET” 和 “POST” ,默认方式是 GET。 - 默认:使用浏览器默认设置将表单数据发送到服务器。 - GET:将值追加到请求 URL 上。 - POST:在 HTTP 请求中嵌入表单数据。目标: 包含 _blank 、_parent 、_self 、_top 4种 - _blank :目标文档将在窗口中打开。 - _parent :将目标文档在上级框架集成或包含该目标文档的窗口中打开。 - _self :在提交表单所使用的窗口中打开目标文档,此目标为默认。 - _top :将目标文档载入到整个浏览器窗口中,将删除所有框架。编码类型: 设置服务器端处理表单数据的文件源。 10.3 创建表单对象 10.3.1 创建文本域

文本域用来插入文本。访问者可以在文本域中输入相应信息。文本域分为 “单行文本域”、“多行文本域”、“密码域”。

在 “插入” 面板中切换为 “表单“,点击 ”文本字段“ 在属性面板可以选择 ”单行“、”多行“、”密码“。

属性介绍:

文本域: 输入该文本域名称。字符宽度: 指定文本域的最大长度。初始值: 输入要显示的默认文本。

注:想表单中插入表单对象时,会弹出一个 “首选参数” 对话框。若不想每次弹出,可点击 编辑 -> 首选参数 -> 辅助功能,然后取消 “表单对象”。

10.3.2 创建单选按钮

点击 “插入” 面板中 “表单” 对象的 “单选按钮” 。

10.3.3 创建复选项

点击 “插入” 面板中 “表单” 对象的 “复选项” 。 选中复选项,在 “属性” 面板中的 “复选框名称” 中输入唯一描述性名称,在 “选定值” 中设置在复选框被选中时发送给服务器的值。

10.3.4 创建下拉菜单

在 “插入” 面板点击 “选择(列表 / 菜单)” 插入一个列表框。在 “属性” 面板中选择 “菜单” ,点击 “列表值” ,在 “项目标签” 中输入要显示的文本,在 “值” 中输入用户在选择该选项时向服务器发送的数据。

10.3.5 创建滚动列表

在 “插入” 面板点击 “选择(列表 / 菜单)” 插入一个列表框。在 “属性” 面板中选择 “列表” ,在 “高度” 中输入要显示的行数。“列表值” 与下拉菜单的设置相同。

10.3.6 创建表单按钮

使用表单按钮可以将表单的数据提交到服务器,或者重置表单,还可以将其他已经在脚本中定义的处理任务分配给按钮。

点击 插入 -> 表单 -> 按钮 即可插入一个按钮,“属性” 面板中的 “按钮名称” 输入按钮的名称,“值” 输入显示在按钮上的文本。

10.3.7 创建标签

标签主要用来设置表单对象的辅助功能选项,浏览器会阅读表单对象的 “标签文字” 属性。

在 “插入” 面板切换到 “表单” ,点击 “标签” ,代码中就添加了 ,在中间可以添加文字。

10.3.8 创建跳转菜单

点击 插入 -> 表单 -> 跳转菜单 ,打开 “插入跳转菜单” 对话框。

在这里插入图片描述

参数介绍:

菜单项: 显示在 “文本” 文本框中输入的项目。文本: 输入要显示的文本。选择时,转到 URL: 输入连接网址。打开 URL 于: 指定目标文件的打开位置。菜单 ID : 输入菜单名称。更改 URL 后选择第一个项目: 跳转后重新定义菜单的第一个选项为默认选项。 10.3.9 创建图像域

在文档页面中可以使用指定的图像作为按钮图标,这就要用到图像域。

在表单中选中一个位置,点击 插入 -> 表单 -> 图像域 ,打开 “选择图像源文件” 对话框选择图片,在 “属性” 面板中可进行设置。

返回


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3