网页制作清华大学出版社第17章.pptVIP

第17章 表单及其应用 17.1交互式表单概述 17.2 创建表单 17.3表单的应用实例 17.4本章小结 17.1交互式表单概述 表单（Form）技术可以实现浏览者同Internet服务器之间信息的交互传送，它是网络信息收集处理的一种重要的方式。通过表单可以从网络的用户端收集信息，然后将收集来的信息经过服务器处理后再返馈给用户。无论是电子商务、网上调查，还是留言板、聊天室，都要求网页能够接收浏览者输入的信息，而表单就是网站获取用户信息的最重要的手段之一。 表单有两个重要的组成部分： （1）由Dreamweaver 8生成的表单的HTML页面。 （2）用于处理浏览者在表单域中输入的信息的服务器端应用程序或客户端脚本。 浏览者在网页上看到有关表单的页面，只是供浏览者输入信息的表单页面。当浏览者按要求在表单中填写有关信息，单击表单的递交（Submit）按钮之后，表单内容就会上传到服务器，并且由事先编好的服务器端程序来处理这些信息，最后服务器再将处理结果发送给浏览者的浏览器。由此可见，表单的应用必须依赖于服务器端脚本才能真正发挥其功能。 17.2 创建表单 表单主要的功能是接收输入的信息。浏览者输入的信息可以是多种多样的，这些不同类别的信息可以由不同的表单域分别接收。因为每个表单域对应一个项目，所以每个表单域都要添加一个标识，提醒用户在这个表单域中应该输入的内容。 在网页中创建一个表单的方法有3种。 （1）将光标定位在要插入表单的位置上，选择【插入】|【表单】|【表单】命令，便可在网页的指定位置上插入一个红色虚线构成的表单区域。 （2）将光标定位在要插入表单的位置上，单击【插入】栏【表单】选项中的【表单】按钮，便可在网页的指定位置上插入一个表单区域。 （3）直接将【插入】栏【表单】选项中的【表单】按钮 拖入网页文档窗口的表单插入区域。 用以上三种方法创建的表单区域，在页面上用红色虚线框表示。红色虚线框确定了当前表单的边框，这种红色边框的大小是不能被编辑的。当设计者在表单区域中插入对象后，表单的区域会自动调整其大小。 在创建表单后，就可以在表单中插入各种表单域。要在网页中插入表单域有两种方法，一种方法是利用网页文档窗口的菜单命令，选择【插入】|【表单】命令，在其级联菜单中选择相应的命令插入表单域；另一种方法是切换到【插入】栏【表单】选项，从中选择要插入的表单域。本章主要介绍直接从【表单】选项中选择有关表单域，然后将其插入到网页中。 下面先简要介绍Dreamweaver 8的表单域的特点。 （1）文本字段：用来输入的文字或数字。 （2）文本区域：插入的文本可显示为单行、多行，但是浏览者输入文字较麻烦，故在表单中应少用文本框，尽可能使用其它的表单对象。 （3）按钮 ：表单中一般有两个按钮，一个是【提交】按钮，单击此按钮可把浏览者输入的信息发送给服务器；另一个是【重置】按钮，用来清除表单中的内容，把当前表单还原为初始状态。 （4）复选框 ：复选框可以单独使用，也可以成组使用，有选中与不选中两种状态。 （5）单选按钮：单选按钮常用于一组互斥选择（如“男”、“女”等）。 （6）单选按钮组：创建一组在表单中使用的单选按钮。 （7）列表按钮：常用于提交一组可供浏览者进行选择的列表选项。其表现方式为当单击它右侧的 按钮时，弹出一个下拉式列表。浏览者可单击列表中某一选项。它在功能上与单选按钮相似，可以提供浏览者在多个备选项中作一个选择，它占有网页的面积比单选按钮小的多。 （8）文件域：文件域有一个文本框和一个浏览按钮。让浏览者从本地计算机上用表单向服务器上传文件。 （9）隐藏域 ：表单的隐藏域在浏览时是看不到的，浏览者也不能执行该操作。利用隐藏域可以实现浏览器同服务器在后台不公开地交换信息。 （10）图片域：用于显示图片，也可用作确认按钮。 （11）跳转菜单：插入一个跳转菜单，每个菜单选项都可链接到一个网页或文件。 17.2.1创建表单的文本框 表单中的文本框是网页中常见一种表单元素,网页中表单的文本框包括3种形式。 （1）【单行文本框】是浏览者只能输入一行信息的文本区域。 （2）【多行文本框】是可由网页设计者限定文本的行数，并决定是否显示滚动条，浏览者可在这种文本框中输入多行文本信息。 （3）【密码】文本框是一种可以让浏览者输入密码信息的文本框，输入的字符都以“*”号显示在屏幕上。 下面将介绍创建一个带有文本框的最基本的表单，通过创建这个简单的表单来了解表单创建的过程，其操作步骤如下： （1）单击【插入】栏【表单】选项。 （2）此时在【插入】栏【表单】选项中显示的各种对象，如图17-1所示。 （3）在网页文档窗口中，确定要插入的表单位置。 （4）单击【表单】选项中的【表单】 按钮，便可在网页编辑区中生成一个