DW教程--十、制作表单页面.doc

第十节 制作表单页面 一、关于表单 使用表单，可以帮助Internet服务器从用户那里收集信息，例如收集用户资料、获取用户订单，在Internet上统也同样存在大量的表单，让用户输入文字进行选择。 1、通常表单的工作过程如下： （1）访问者在浏览有表单的页面时，可填写必要的信息，然后单击“提交”按钮。 （2）这些信息通过Internet传送到服务器上。 （3）服务器上专门的程序对这些数据进行处理，如果有错误会返回错误信息，并要求纠正错误。 （4）当数据完整无误后，服务器反馈一个输入完成信息。 2、一个完整的表单包含两个部分： （1）一个是在网页中进行描述的表单对象。 （2）二是应用程序，它可以是服务器端的，也可以是客户端的，用于对客户信息进行分析处理。 二、认识表单对象 在 Dreamweaver 中，表单输入类型称为表单对象。可以通过选择“插入”“表单对象”来插入表单对象，或者通过从下图显示的“插入”栏的“表单”面板访问表单对象来插入表单对象。 1、表单 “表单”在文档中插入表单。任何其他表单对象，如文本域、按钮等，都必须插入表单之中，这样所有浏览器才能正确处理这些数据。 2、文本域 “文本域”在表单中插入文本域。文本域可接受任何类型的字母数字项。输入的文本可以显示为单行、多行或者显示为项目符号或星号（用于保护密码）。 3、复选框 “复选框”在表单中插入复选框。复选框允许在一组选项中选择多项，用户可以选择任意多个适用的选项。 4、单选按钮 “单选按钮”在表单中插入单选按钮。单选按钮代表互相排斥的选择。选择一组中的某个按钮，就会取消选择该组中的所有其他按钮。例如，用户可以选择“是”或“否”。 5、单选按钮组 “单选按钮组”插入共享同一名称的单选按钮的集合。 6、列表/菜单 “列表/菜单”使您可以在列表中创建用户选项。“列表”选项在滚动列表中显示选项值，并允许用户在列表中选择多个选项。“菜单”选项在弹出式菜单中显示选项值，而且只允许用户选择一个选项。 7、跳转菜单 “跳转菜单”插入可导航的列表或弹出式菜单。跳转菜单允许您插入一种菜单，在这种菜单中的每个选项都链接到文档或文件。请参见创建跳转菜单。 8、图像域 “图像域”使您可以在表单中插入图像。可以使用图像域替换“提交”按钮，以生成图形化按钮。 9、文件域 “文件域”在文档中插入空白文本域和“浏览”按钮。文件域使用户可以浏览到其硬盘上的文件，并将这些文件作为表单数据上传。 10、按钮 “按钮”在表单中插入文本按钮。按钮在单击时执行任务，如提交或重置表单。可以为按钮添加自定义名称或标签，或者使用预定义的“提交”或“重置”标签之一。 11、标签 “标签”在文档中给表单加上标签，以形式开头和结尾。 12、字段集 “字段集”在文本中设置文本标签。 认识了表单，那么创建和使用表单时就可以根据需要进行选择。表单时动态网页的灵魂。 三、创建表单 在Dreamweaver中可以创建各种各样的表单，表单中可以包含各种对象，例如文本域、按钮、列表等。1、插入表单 在网页中添加表单对象，首先必须创建表单。表单在浏览网页中属于不可见元素。在Dreamweaver8中插入一个表单。当页面处于“设计”视图中时，用红色的虚轮廓线指示表单。如果没有看到此轮廓线，请检查是否选中了“查看”“可视化助理”“不可见元素”。 （1）将插入点放在希望表单出现的位置。选择“插入”“表单”，或选择“插入”栏上的“表单”类别，然后单击“表单”图标， （2）用鼠标选中表单，在属性面板上可以设置表单的各项属性。 在“动作”文本框中指定处理该表单的动态也或脚本的路径。 在“方法”下拉列表中，选择将表单数据传输到服务器的方法。表单“方法”有： POST 在 HTTP 请求中嵌入表单数据。GET 将值追加到请求该页的 URL 中。默认 使用浏览器的默认设置将表单数据发送到服务器。通常，默认方法为 GET 方法。不要使用 GET 方法发送长表单。URL 的长度限制在 8,192 个字符以内。如果发送的数据量太大，数据将被截断，从而导致意外的或失败的处理结果。而且，在发送机密用户名和密码、信用卡号或其他机密信息时，不要使用 GET 方法。用 GET 方法传递信息不安全。 在“目标”弹出式菜单指定一个窗口，在该窗口中显示调用程序所返回的数据。如果命名的窗口尚未打开，则打开一个具有该名称的新窗口。目标值有： _blank，在未命名的新窗口中打开目标文档。 _parent，在显示当前文档的窗口的父窗口中打开目标文档。 _self，在提交表单所使用的窗口中打开目标文档。 _top，在当前窗口的窗体内打开目标文档。此值可用于确保目标文档占用整个窗口，即使原始文档显示在框架中。 四、表单的应用 1、一个简单的提交留言页面 新建11.html网页文件，选择表单插入栏，插入表单，将光标放置在表单内，插入一个5行2列的表格，将第1、5行合并。分别在第2、3行插入文本字段，在第4行插入文本区域，在第5行插入两个按钮。 文本域是用户在其中输入响应的表单对象。有三种类型的文本域： 单行文本域通常提供单字或短语响应，如姓名或地址。 多行文本域为访问者提供一个较大的区域，供其输入响应。可以指定访问者最多可输入的行数以及对象的字符宽度。如果输入的文本超过这些设置，则该域将按照换行属性中指定的设置进行滚动。 密码域是特殊类型的文本域。当用户在密码域中键入时，所输入的文本被替换为星号或项目符号，以隐藏该文本，保护这些信息不被看到。 页面布局效果如下:2、制作网页跳转菜单 打开一个建立好的网页文件，把鼠标的光标放置在需要插入跳转菜单的位置。选择表单插入栏中的“跳转菜单”命令，在网页中插入一个跳转菜单。 在弹出的“跳转菜单”对话框中，根据提示输入相应内容： 点击确定，按F12预览效果。 3、运行代码实例 新建文件12.html。 打开12.html，插入表单，在表单中插入一个文本区域，在回车，再插入一个按钮。 选中文本区域，在属性面板中，设置文本区域的文本宽度为50，行数为8。 选中按钮，在属性面板中，将按钮的值设为“运行代码”。 选中form表单，在属性面板中，单击动