《网页制作三合一教程》项目六 使用表单

网页制三合一项目教程表单的创建表单对象的添加任务一任务二项目六

使用表单一、了解表单二、创建表单任务一

表单的创建三、设置表单属性

在制作能实现信息交互的动态网页时，表单是一个必不可少的选项。它是接收用户信息的重要窗口，然后交由服务器端的脚本处理相关信息，并进行反馈。本任务将详细介绍如何在网页中创建表单。一、了解表单

一个完整的交互表单由两部分组成：一个是客户端包含的表单页面，用于浏览者填写以进行交互的信息；另一个是服务端的应用程序，用于处理浏览者提交的信息。图6-1所示为一个使用表单的网页。图6-1使用表单的网页二、创建表单在文档中创建表单的操作非常简单，方法如下：图6-2单击“表单”按钮二、创建表单图6-3插入表单三、设置表单属性

前面插入的是一个空表单，单击红色虚线选中表单，在“属性”面板中可以查看表单的相关属性，如图6-4所示。图6-4表单“属性”面板任务二

表单对象的添加一、插入文本字段二、插入复选框三、插入单选按钮四、插入隐藏域八、创建跳转菜单七、插入按钮六、插入列表和菜单五、插入文件域

在创建表单后，即可向其中添加表单对象。在Dreamweaver中可以创建各种表单对象，如文本框、单选按钮、复选框、按钮和下拉菜单等。一、插入文本字段1．插入文本字段

图6-5单击“文本字段”按钮一、插入文本字段1．插入文本字段图6-6设置文本字段一、插入文本字段1．插入文本字段图6-7插入文本字段一、插入文本字段1．插入文本字段图6-8继续插入文本字段一、插入文本字段2．设置文本字段属性图6-9查看文本字段属性

一、插入文本字段2．设置文本字段属性图6-10选中“密码”单选按钮一、插入文本字段2．设置文本字段属性图6-11预览查看效果一、插入文本字段2．设置文本字段属性图6-12选中“多行”单选按钮二、插入复选框图6-13单击“复选框”按钮二、插入复选框图6-14设置复选框二、插入复选框图6-15插入复选框

二、插入复选框图6-16设置属性三、插入单选按钮图6-17设置单选按钮属性

插入单选按钮，具体操作方法如下：三、插入单选按钮图6-18插入单选按钮三、插入单选按钮图6-19继续插入单选按钮三、插入单选按钮图6-20查看单选按钮效果四、插入隐藏域插入隐藏域，具体操作方法如下：图6-21单击“隐藏域”按钮

四、插入隐藏域图6-22设置隐藏域属性五、插入文件域插入文件域，具体操作方法如下：图6-23单击“文件域”按钮

五、插入文件域图6-24设置文件域五、插入文件域图6-25设置文件域属性五、插入文件域图6-26预览文件域效果六、插入列表和菜单1．插入菜单图6-27单击“选择（列表/菜单）”按钮

六、插入列表和菜单1．插入菜单图6-28设置菜单六、插入列表和菜单1．插入菜单图6-29单击“列表值”按钮六、插入列表和菜单1．插入菜单图6-30添加或删除项目

六、插入列表和菜单1．插入菜单图6-31调整菜单选项顺序六、插入列表和菜单1．插入菜单图6-32设置其他属性六、插入列表和菜单2．插入列表图6-33设置列表六、插入列表和菜单2．插入列表图6-34选中“列表”单选按钮六、插入列表和菜单2．插入列表

图6-35添加项目六、插入列表和菜单2．插入列表图6-36设置其他属性七、插入按钮在网页中插入按钮对象的具体操作方法如下：图6-37单击“按钮”按钮七、插入按钮图6-38设置按钮七、插入按钮图6-39插入按钮七、插入按钮图6-40设置按钮属性八、创建跳转菜单创建跳转菜单的具体操作方法如下：图6-41单击“