第十一章 表单_基础知识.doc

表单 表单form是Internet和服务器之间进行信息交流的一种重要工具。包括按钮、文本框、单选按钮、复选按钮等，它们被称之为表单对象。表单的使用包括两部分：一是用户界面，提供用户输入数据的元件；另一部分是处理程序，可以是客户端程序而在浏览器执行，也可以是服务器程序，处理用户提交的数据，返回结果。 可插入的表单对象 Dreamweaver中，在“插入”面板中，有一个“表单”分类，选择该分类，可插入的表单对象快捷按钮就会出现。如下图： 可插入的对象，从左至右，包括： 表单 文本字段 隐藏域 文本区域 复选框 单选按钮 单选按钮组 列表/菜单 跳转菜单 图像域 文件域 按钮 插入表单域 要在网页中插入表单对象，首先应该插入一个表单域，否则服务器将无法处理用户填写的信息。操作步骤如下： 步骤1：“插入”面板中，选择“表单”分类，单击左边第1个“表单”按钮，随即插入到网页中一个表单域，表单域在设计视图中显示为一个红色虚线框的范围。如图所示： 如果没有红色虚线框，执行菜单栏“查看/可视化助理/不可见元素”命令即可。 步骤2：设置表单域属性。使用鼠标单击虚线的边框，此时虚线框内出现黑色区域，表示该表单域被选中，属性面板如下： 表单域属性面板包括： 表单名称：标识表单的唯一名称。 动作：指定处理该表单的动态页或脚本的路径。可以键入完整的路径，也可以单击“浏览文件”按钮指定到同一站点中包含该脚本或应用程序页的相应文件夹。如果没有相关程序支持的话，也可以使用E-mail的方式来传输表单信息，这种方式在动作文本框中键入：“mailto：电子邮件地址”。表示提交的信息将会发送到作者的邮箱中。比如 方法：用于选择表单数据传输到服务器的方法。可选择速度快但携带数据量小的GET方法，或者数据量大的POST方法。一般使用POST方法。 目标：指定打开窗口的方式。 MIME类型：指定对提交给服务器进行处理的数据使用MIME编码类型。 类：定义好的CSS样式。 插入文本域 当浏览者浏览网页需要输入文字资料时，像姓名、地址、E-mail或稍长一些的个人介绍等栏目，在制作时就可以使用文本域，它在浏览器中将显示为一个文本框。 具体操作如下： 步骤1：插入文本域前请确定首先插入了一个表单域，并且将光标放入表单域中。如果在表单域外插入文本域，Dreamweaver会弹出提示框，是否创建一个表单域。 步骤2：在“插入”面板中，选择“表单”分类，单击左边第2个“文本字段”按钮，随即插入到网页中一个文本域。可以在文本域前加入说明的文字，如“用户名”，告知浏览者需要填入的内容的类型。 步骤3：单击文本域，对文本域的属性面板进行设置： 文本域：输入文本字段的名称，该名称在该网页中是唯一的名称。名称不能包含空格或特殊字符，可以使用字母数字字符和下划线的任意组合。 字符宽度：设置文本域中最多可显示的字符数。 最多字符数：设置单行文本域中所能输入的最多字符数。如果是空白，则可以输入任意数量的文本。（最好对不同内容的文本域进行不同数量的限制，防止个别浏览者恶意输入大量数据，维护系统的稳定性。） 初始值：输入文本域中默认状态时显示的内容，当浏览者键入资料时初始文本被替代。 类型：显示了当前文本域的类型，包括“单行”、“多行”和“密码”。其中， ---单行是默认选项，只显示一行文本。 ---多行表示插入的文本可显示多行（如图）。 多行文本域的属性面板如下图所示。 行数：设置多行文本域的可见行数。可用于输入较多内容的栏目，如“意见或建议”。 换行：设置当前文本域中的内容超过一行时的换行方式，有默认、关、虚拟和实体4种。 ---密码用于输入密码的单行文本域，输入内容以星号（*）显示。 三种类型的文本框实例如下： 插入隐藏域 可以使用隐藏域存储并提交非浏览者输入的信息，该信息浏览者是看不到的。 插入方法： 步骤1：将光标置于页面中需要插入隐藏域的位置。 步骤2：在“插入”面板中，选择“表单”分类，单击左边第3个“隐藏域”按钮，随即插入一个隐藏域的标记到网页中，如下图所示。单击隐藏域标记，属性面板如下图所示： 插入文本区域 文本区域是一个多行的文本域，插入后的效果如下图所示： 属性面板如下图： 文本区域在属性面板中默认的名称是textarea，文本域默认的名称是textfield。这是它们唯一的区别。文本区域的设置参照文本域中多行的设置。 插入复选框 如果想让浏览者可以从一组选项中选择多个选项，如兴趣、特长等问题，则可以使用复选框。 步骤1：将光标置于页面中需要插入复选框的位置。 步骤2：在“插入”面板中，选择“表单”分类，单击左边第5个“复选框”按钮，随即一个复选框便插入到网页中，如下图所示。 步骤3：单击复选框，属性面板如下图所示： 复选框实例： 插入单选按钮 如果要求浏览者只能从一组选项中选