《Dreamweaver CS6 完全自学教程》笔记 第十章：表单的使用
文章目录
- 第十章：表单的使用
- 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 站点，实现信息交互。表单所有元素都包含在 <form> </form> 中，用户不可以嵌套表单。
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 创建标签
标签主要用来设置表单对象的辅助功能选项，浏览器会阅读表单对象的 “标签文字” 属性。
在 “插入” 面板切换到 “表单” ，点击 “标签” ，代码中就添加了 <label> </label> ，在中间可以添加文字。
10.3.8 创建跳转菜单
点击 插入 -> 表单 -> 跳转菜单 ，打开 “插入跳转菜单” 对话框。
参数介绍：
- 菜单项： 显示在 “文本” 文本框中输入的项目。
- 文本： 输入要显示的文本。
- 选择时，转到 URL： 输入连接网址。
- 打开 URL 于： 指定目标文件的打开位置。
- 菜单 ID ： 输入菜单名称。
- 更改 URL 后选择第一个项目： 跳转后重新定义菜单的第一个选项为默认选项。
10.3.9 创建图像域
在文档页面中可以使用指定的图像作为按钮图标，这就要用到图像域。
在表单中选中一个位置，点击 插入 -> 表单 -> 图像域 ，打开 “选择图像源文件” 对话框选择图片，在 “属性” 面板中可进行设置。
《Dreamweaver CS6 完全自学教程》笔记 第十章：表单的使用相关推荐
- 《Dreamweaver CS6 完全自学教程》笔记
声明: 博主完全采用自学方式进行学习,内用不够严谨,学习路线不够系统,仅可用作参考,如有错误请及时指正. 博主主要参考<Dreamweaver CS6 完全自学教程>这本书进行学习,但不限 ...
- 《Dreamweaver CS6 完全自学教程》笔记 第十七章：Spry 框架技术
文章目录 第十七章:Spry 框架技术 17.1 Spry 菜单栏 17.1.1 插入 Spry 菜单栏 17.1.2 设置 Spry 菜单栏的属性 17.1.3 设置菜单项的尺寸 17.2 Spry ...
- 《Dreamweaver CS6 完全自学教程》笔记 第十四章：使用 CSS 设计网页
文章目录 第十四章:使用 CSS 设计网页 14.1 CSS 样式表简介 14.2 CSS 的基本语法 14.3 伪类.伪元素以及样式表的层叠顺序 14.3.1 伪类和伪元素 14.3.2 样式表的层 ...
- 《Dreamweaver CS6 完全自学教程》笔记 第十三章：Dreamweaver 中的 HTML 代码
文章目录 第十三章:Dreamweaver 中的 HTML 代码 13.1 HTML 介绍 13.2 HTML 的基本结构 13.2.1 单标签 13.2.2 双标签 13.2.3 标签属性 13.3 ...
- 《Dreamweaver CS6 完全自学教程》笔记 第五章：网页中的图像编辑
文章目录 第五章:网页中的图像编辑 5.1 图像占位符 5.1.1 插入图像占位符 5.1.2 将图像占位符替换为图像 技术专题:预览网页时不显示图像的问题 5.2 交互式图像 实战:创建网页导航条 ...
- 《Dreamweaver CS6 完全自学教程》笔记 第六章：使用表格进行网页布局
文章目录 第六章:使用表格进行网页布局 6.1 创建表格 6.2 应用表格 6.2.1 输入表格内容 6.2.2 选定表格元素 6.2.3 设置表格与单元格属性 实战:制作细线表格 6.2.4 添加和 ...
- 《Dreamweaver CS6 完全自学教程》笔记 第十二章：框架的应用
文章目录 第十二章:框架的应用 12.1 创建框架或框架集 12.1.1 创建自定义框架 12.1.2 创建预定义框架 技术专题:框架的拆分与合并 12.1.3 创建嵌套框架 12.2 框架和框架集的 ...
- 《Dreamweaver CS6 完全自学教程》笔记 附录：Dreamweaver 常用快捷键、HTML 代码标签、CSS 属性
返回
- 《Adobe Dreamweaver CS6中文版经典教程》——第2课 HTML基础2.1 什么是HTML
本节书摘来自异步社区<Adobe Dreamweaver CS6中文版经典教程>一书中的第2 章,第2.1节,作者:[美]Adobe公司 更多章节内容可以访问云栖社区"异步社区& ...
最新文章
- android textview 设置字体,Android TextView设置字体风格
- getjsonobject字符串解析出错_【干货分享】达梦DISQL工具使用解析之 DISQL环境变量设置...
- OpenJDK作为Linux上的默认Java
- 蒙特卡洛法求圆周率100亿数据
- [vue] vue中什么是递归组件？举个例子说明下？
- [转]VisualStudio如何组织解决方案的目录结构
- STM32项目（一） —— 展示车座椅
- CentOS7安装Hadoop2.7完整流程
- PHP exit函数介绍
- 每周进步要点（第50周12.4-12.11）
- POJ 2817 状态DP 字符串找最多的重复
- 获取Linux命令源代码的方法
- jQuery 的 ajax
- 【19】蓝桥杯之奇妙的数字（填空题）
- linux 时间戳是什么数据类型,Linux时间戳、时间类型转换
- JavaWeb——动态 web 资源开发
- 服务器数据恢复成功案例+服务器数据恢复 原理
- 用grldr启动ISO
- docker安装nfs文件服务所需镜像，centos7安装nfs所需的安装包
- 杰理之BQB 的 RF 测试【篇】