Dreamweaver_网页设计制作表单页面.pptVIP

第2讲 插入各种表单元素 跳转菜单是创建链接的一种形式,但比真正的链接，跳转菜单可以节省很大的空间。 7.2.11插入跳转菜单 第2讲 插入各种表单元素 要点： 1.插入： “快捷工具栏” →“表单”→“跳转菜单” 7.2.11插入跳转菜单 第2讲 插入各种表单元素 2. “文本”：显示在页面上的选项内容。 3. “选择时，转到URL”：选择文本时，跳转到的地址。 4. “菜单之后插入前往按钮”：在页面跳转菜单后插入一个“前往”按钮，浏览者选择项目后，需要点击“前往”按钮进行跳转。 7.2.11插入跳转菜单 练习思考 1. 简述表单的处理过程。 答：当用户填写了表单并单击“提交”按钮后，填写的信息会被发送到服务器上，服务器端脚本或应用程序对信息进行处理，并将成功结果反馈浏览者，或执行某些特定的程序。 简答 练习思考 2. 制作表单页面的第一步是什么？ 答：每个表单都是由一个表单域和若干个表单元素组成的，所有的表单元素要放到表单域中才会有效，因此，制作表单页面的第一步是插入表单域。 简答 练习思考 3. 表单提交有哪两种方法？ 答：两种方法是Post和Get。 Post表单信息将以文件的形式提交 Get将浏览者提供的信息附加在URL地址的后面提交到服务器 简答 练习思考 4. 如果需要获取登录的用户输入的密码，在表单文本字段的“属性”面板上应选择（ ）。 A B C D 答：B 选择 制作如右图所示的表单页面 Dreamweaver 网页设计 第7章 制作表单页面 本章内容 了解表单的工作原理 制作表单 插入各种表单元素 第1讲 表单的概念 表单的作用就是收集用户的信息 用于调查、注册、定购等 在使用搜索引擎查找信息时，查找的关键字也是通过表单提交到服务器上 利用表单，可以帮助Internet服务器从用户处收集信息 第1讲 表单的概念 表单的工作过程如下： 访问者在浏览有表单的网页时，可填写必须的信息，然后单击“提交”按钮。 这些信息通过Internet传送到服务器上。 服务器上专门的程序对这些数据进行处理，如果有错误会返回错误信息，并要求纠正错误。 当数据完整无误后，服务器反馈一个输入完成信息。 工作过程 第1讲 表单的概念 交互式表单收集用户信息，将其提交到服务器，从而实现与客户的交互，一个完整的表单应该包含两个部分： 在网页中进行描述的表单对象 应用程序，它可以是服务器端的，也可以是客户端的，用于对客户信息进行分析处理。 表单的 组成 第1讲 表单的概念 浏览器处理表单的过程一般是： 1. 用户在表单中输入数据，然后提交表单 2. 浏览器根据表单体中的设置处理用户输入的数据 第1讲 表单的概念 服务器端处理 若表单指定通过服务器端的脚本程序进行处理，则该程序处理完毕后将结果反馈给浏览器（即用户看到的反馈结果） 客户端处理 若表单指定通过客户端（即用户方）的脚本程序处理，则处理完毕后也会将结果反馈给用户。 表单的处理方式 第1讲 表单的概念 服务器端方式：主要优点是能全方位地处理用户输入的数据，但占用服务器的资源 客户端方式：优点是不占用服务器资源，反馈结果快，但只能对用户输入的数据进行有限的处理。 两种表单数据处理的优缺点 第2讲 插入各种表单元素 表单的组成： 一个表单域 若干个表单元素(文本框、单选按钮、下拉菜单、多选按钮等) 所有的表单元素要放到表单域中才有效。 7.2.1插入表单 第2讲 插入各种表单元素 动作：用于设置处理表单的服务器端脚本的文件路径。 7.2.1插入表单 第2讲 插入各种表单元素 方法：表单提交的方法 Post 表单信息将以文件的形式提交，一般建议使用Post方式提交表单。 Get 将浏览者提供的信息附加在URL地址的后面提交到服务器，为默认提交方式，但不能超过8192个字符，且不具有保密性。 7.2.1插入表单 第2讲 插入各种表单元素 要点： 1. 插入：“快捷工具栏” →“表单” →“文本字段” 2. 文本字段接受任何类型单字母、数字、文本。 3. “表单名”应尽量使用英文，不应含有空格(建议使用驼峰式的规范命名方法)。文本域的名称是程序处理时的依据，因此应尽量与收集内容一致。例如：txtUsername、txtPassword。 7.2.2插入单行文本域 第2讲 插入各种表单元素 3. “字符宽度”：文本框显示在页面上的长度。长度单位为英文字符数(2个英文字符＝1个中文字