第九章表单.doc

第九章? 表单 9.1创建表单 有了表单，网站不仅是信息提供者，同时也是信息收集者，也由被动提供转变为主动出击。 　　表单有两个重要组成部分：一是描述表单的HTML源代码；一是用于处理用户在表单域中输入的信息的服务器端应用程序或客户端脚本，如CGI、ASP等。表单的通常应用是调查表、订单和搜索界面等。 　　通过表单收集到的用户反馈信息，通常是一些用分隔符（如逗号、分号等）分隔的文字资料。这些资料可以导入到数据库或电子表格中进行统计、分析，成为具有重要参考价值的信息。 　　使用Dreamweaver 4.0可以创建表单，可以给表单中添加对象，还可以通过使用行为来验证用户输入的信息的正确性。不过，得使用文本编辑器自行编写脚本或应用程序以处理表单数据。Perl是最常用的表单处理脚本语言，其他可选的语言还有C、Java，以及JavaScript等。 1.创建表单 InsertForm(插入表单)命令或对象面板中的Forms（表单）嵌板都可以创建表单，步骤如下： (1) 执行以下之一操作： 把光标置于要插入表单的位置，然后选择InsertForm。 把光标置于要插入表单的位置，然后单击Object（对象）面板上的Forms嵌板的Form（表单）按钮，如图9-1所示 图9-1? 表单嵌板 把Form按钮拖到页面上要插入表单的位置，如图9-2所示。 图9-2? 创建表单 如果没有看到所创建的表单，请选择ViewVisual AidsInvisible Elements（查看可视化助理不可见元素）选项，就可以显示在设计视窗（文档窗口）。 (2) ,打开属性检查器，在属性检查器中设置表单的Action属性，可以直接输入URL或者Mailto地址，也可以选择旁边的Folder（文件夹）按钮图标来浏览和定位一个地址。如果用户通过Mailto方法来发送表单数据，可能会产生一些问题。比如，有一些浏览器，特别是被广泛使用的Microsoft Interent Explorer,无论就是处理表单信息的服务器端应用程序路径或邮件地址，如图9-3所示。 9-3 设置表单属性 Form Name（表单名）：给表单命名。表单命名之后就可以用脚本语言（如JavaScript 或VBScript）对他进行控制。 Action（动作）：指定处理表单信息的服务器端应用程序（用URL指定，如/search/search/get_normal_search.asp）。单击文件夹目标，找到应用程序，或直接输入应用程序路径。 Method (3) 在属性检查器中，如图9-4所示，选择以下表单数据处理方法之一： 图9-4? 在属性检查器选择表单数据处理方法 Get（发送Get请求）：把表单值添加给URL，并向服务器发送Get请求。因为URL被限定在8192个字符之内，所以不要对长表单使用GET方法。 Post(发送Post请求) Post请求。 Default(默认方法) Get）。 2. 给表单添加对象 Dreamweaver 4.0表单可以包含标准对象，如文本域、按钮、图像域、复选框、单选钮、 列表/菜单、文件域及隐藏域等。 使用表单嵌板，可以在表单中添加以下对象,如图9-5所示。 图9-5? 表单嵌板 l???????? Text fields（文本域） l???????? Buttons（按钮） Dreamweaver 4.0的预定义标签。 l???????? Image fields（图像域） Submit（提交）按钮。 l???????? Checkboxes（复选框） l???????? Radio buttons（单选钮） l???????? List/menus（列表/菜单） l???????? File fields（文件域） l???????? Hidden fields（隐藏域） l???????? Jump Menu（跳转菜单） 插入跳转菜单，这种菜单上的每一选项都链接着一个文件。从中选择某一项，将跳转到被链接的网页。 (1) 执行以下操作之一： ① 把光标置于表单边界内，然后从InsertForm Object（插入表单对象）菜单中选择一个对象，如图9-6所示。 图9-6? 表单对象的选取 把鼠标置于设计视图（文档窗口）的欲插入位置，然后在对象面板的表单 ③ 将对象按钮拖放到设计视图（文档窗口）的欲置对象的位置。 (2) WindowProperties，显示属性检查器），如图9-7所示 图9-7? 在属性检查器中指定对象的属性 (3) 9.2 表单对象的属性设置 利用对象面板中的表单嵌板，可以给表单添加文本域、按钮、复选框、单选钮、弹出菜单、列表、文件域、图像