Dreamweaver应用与网页设计案例教程 教学课件 作者 杨长安 沈大林 孟昭勇 第5章表单、样式表和命令.pdfVIP

第 5 章 表单、样式表和命令 5.1 表单 表单是用户利用浏览器对 Web 站点服务器进行查询操作的一种界面， 用户利用表单可以输入信息或 选择选项等，然后将这些信息提交给服务器进行处理。表单对象有文本域、下拉列表框、复选框和单选 按钮等。 表单又称为表单域，它是放置表单对象的区域。表单对象是让用户输入信息的地方，只有表单域内 的表单对象，才可以接收外来的信息，才可以将其信息传送到服务器端。 既然表单的操作是用户与服务器交互的操作，这就涉及服务器方面的操作，而服务器方面的操作是 通过服务器端的程序来实现的。实现服务器的操作有多种方式，包括 ASP/ASP.NET、JSP、PHP 等方式。 − 133−  另外，许多数据库也提供了服务器和 HTML 文件之间的网关接口程序，它负责处理 HTML 文件与运行在服 务器中的程序 （HTML 以外的程序）之间的数据交换。当用户通过表单输入它的信息后，便激活了一个 网关接口程序，然后再将查询结果通过网关接口程序传给用户的表单。网关接 口程序可以调用操作系统 下的其他程序（比如数据库管理系统）来完成查询任务。 【相关知识】表单域和插入表单对象 1．创建与删除表单域 （1）创建表单域：将光标移到要插入表单域的位置，单击“插入” （表单）栏内的 “表单”按钮 ， 或用鼠标将 “插入” （表单）栏内的表单图标 拖曳到网页文档窗口内，即可在网页设计窗口内创建一 个表单域，如图 5-1-1 所示。 单击表单域内部，将光标移到表单域内，按 Enter 键即可将表单域调大；按 Backspace 键可使表单 − 134−  域缩小。表单域在浏览器内是看不到的。 图 5-1-1 创建的表单域 （2）显示表单域：表单域创建后，若用户看不到表单域的矩形红线，可以单击 “查看”→ “可视化 助理”→ “不可见元素”菜单命令，即可将表单域的矩形红线显示出来。 （3）删除表单域：单击表单域的边线处，选中表单域，按 Delete 键即可删除表单域。 − 135−  2．设置表单域的属性 选中表单域，此时表单域的“属性”栏如图 5-1-2 所示。 图 5-1-2 表单域“属性”栏 （1） “表单名称”文本框：在该文本框内输入表单域的名称。表单域的名称可用于 JavaScript 和 VBScript 等脚本语言中，这些脚本语言可控制表单域的属性。 （2） “动作”文本框和按钮：利用它们可以输入脚本程序或含有脚本程序的 HTML 文件。 （3） “方法”下拉列表框：用来选择客户端与服务器之间传送数据采用的方式。它有 3 个选项，分 别是： “默认” 、 “GET” （获得，即追加表单值到 URL，并发送 GET 请求到服务器）和 “POST” （传递，在 − 136−  消息正文中发送表单的值，并发送 POST 请求到服务器）。 （4） “类”下拉列表框：其中有 “重命名” 、 “管理样式”和“创建的 CSS 样式名称”等多个选项， 可以用来选择 CSS 样式、给 CSS 样式更名和创建新的 CSS 样式等。 3．插入表单对象 将光标移到要插入表单对象的位置，然后单击“插入” （表单）栏中的相应按钮，即可在光标处插 入一个相应的表单对象。另外，单击 “插入”→ “表单”菜单命令，调出它的下一级菜单，根据要插入 的表单对象类别，单击菜单内的菜单命令也可插入表单对象。 表单对象的“属性”栏中都有一个名称文本框，用来输入表单对象的名称，该名称可在程序中使用， 以指定表单对象。 − 137−  【相关知识】设置表单对象的属性 1．设置文本字段的属性 文本域也叫文本字段。表单中经常使用文本字段，它可以是单行的，也可以是多行的，用于接收文 本、数字和