第11章微波工程.pptVIP

第11章 表单网页 本章要点内容: 表单的概念和作用。 创建不同的表单元素。 本章学习目标 了解表单在网页中的用途。 熟悉在各种表单元素的特点。 掌握在网页中插入编辑表单的方法。 本章学前要求 会创建复杂结构的网页。 熟悉论坛、电子邮件、有哪些信誉好的足球投注网站引擎等使用。 11.1 认识表单 我们在网上经常会碰到一些形形色色的意见调查、在线申请、联机查询等，这些都是表单的应用。动态网页处理用户的交互信息主要包括两部分组成：客户端接口和服务器端响应程序。表单（form）就是一种与用户交互的接口界面，通过表单将用户信息提交给服务器端相应程序进行处理，服务器端响应程序处理完毕后，再将处理结果返回给用户端，这也是现今流行的动态网页技术的原理。如图11.1就是一个用户注册的表单。 一个表单由表单域、文本域、复选框、按钮、文件域等部分组成，它们都包含在一对form和/form标签中。在Dreamweaver中通过选择“插入”菜单的“表单”命令，或者单击插入栏常用按钮，在下拉菜单中选择“表单”分类的命令，打开“表单对象”面板，如图11.2所示。 ?提示： 下面一段代码就是简单的表单结构。 form name=Form1 method=post action= input type=text name=textfield /form “Form1”是表单的名称，“input”用来包括表单对象标签，“type”设置对象的类型，“text”说明该表单对象类型是文本字段，“post”是表单的提交方法，“action”交代处理表单的动作，也就是受理该表单的动态网页的路径。 表单的组成元素大致如下： 表单：创建一个空白表单域，为表单对象提供容器。 文本字段：用来创建一个单行文本框，该对象可以接收用户输入的任何类型的文字字母和数字。 隐藏域：储存与用户无关但处理程序需要使用的信息，如表单主题等。 文本区域：用来创建可以输入多行文本的表单对象。 复选框：可以创建多项选择的表单对象。 单选按钮：创建单项选择表单对象。 单选按钮组：用于创建多个单选按钮，并使这些单选按钮成为一组。 列表/菜单：提供了一系列供用户选择的值，它可以做出一个弹出式下拉菜单并以滚动列表的形式显示。 跳转菜单：提供一个包含跳转动作的菜单列表。 图像域：用于替换表单中的标准按钮对象。 文件域：创建一个让用户服务在本地硬盘浏览文件并可作为表单数据载入的表单对象。 按钮：创建一个按钮对象，以便让用户服务提交填写好的资料。 标签：在文档中给表单加上标签，以label/label形式开头和结尾。 字段集：创建一个表单对象，让用户在对话框中输入代码，然后系统自动将这些代码添加到表单源代码中。 11.2 创建表单域 从第一节的内容我们可以看出，所有的表单对象都包含在一对form和/form标签中，这一对form和/form就是一个表单域，表单域的作用就相当于一个容器，同时表单域告诉这些表单对象的所承载的用户数据将要以什么办法提交给什么程序进行处理等等。因此，无论插入什么表单对象，都必须先创建一个表单，即使不首先创建表单域，Dreamweaver也会在设计者表单对象时提示插入表单域。 插入表单的具体操作步骤如下。 步骤1：新建一张空白网页，命名为index.html保存，网页的标题命名为“表单测试”，将插入点放在需要插入表单处。 步骤2：单击插入栏上 按钮，插入一个空的表单，Dreamweaver用红色的虚线区域指示表单插入成功，如图11.3所示。 步骤3：选择该表单对象，此时属性对话框如图11.4所示。 “表单名称”：设置表单的名称，可以使用字母数字字符和下划线（_）的任意组合。请注意，为文本域指定的标签是将存储该域的值（输入的数据）的变量名。这是发送给服务器进行处理的值。 “动作”：指定表单被提交时所进行的操作，一般处理表单数据的目标网页的路径。 “方法”：提交表单的方式，有两种表单提交方式，即POST和GET。GET方法将值附加到请求该页的URL中，POST方法将在HTTP请求中嵌入表单数据。默认方法是POST。 “类”：可以将CSS规则应用于对象。 11.3 插入文本域 文本域是一个通称，一般来说，可以接收用户输入文本的都属于文本域。文本域包括了可以输入单行的文本框、单行的密码框，还有多行的文本编辑区。如图11.1中的用户名、性别等后面的方框就是单行文本框。 11.3.1 插入文本字段 文本字段就是单行文本框，插入的操作步骤如下： 步骤 1：将光标定位在需要插入表单对象的位置。 步骤 2：在“表单对象”面板中单击“文本字段”按钮，一个单行文本域随即出现在文档中，插入后的单行文本框如图11.5所示。 步骤 3：