《DreamweaverCS5.5中文版案例教程教学资源第10章节10课件》由会员分享，可在线阅读，更多相关《DreamweaverCS5.5中文版案例教程教学资源第10章节10课件（24页珍藏版）》请在金锄头文库上搜索。
1、第10章 使用表单创建交互式网页,表单的作用是非常重要的，比如获得Web站点用户的信息，用户可以在表单对象中输入信息，然后提交信息，如在站点内加入搜索引擎等也必须使用表单技术。本章主要讲解利用表单创建表单该文档和插入表单对象。,10.1 表单概述,当用户在 Web 浏览器中显示的 Web 表单中输入信息，然后单击“提交”按钮时，这些信息将被发送到服务器，服务器中的服务器端脚本或应用程序会对这些信息进行处理。 服务器向用户（或客户端）发回所处理的信息或基于该表单内容执行某些其他操作，以此进行响应。 表单在Web上有很多用途，包括调查、电子商务、客户订单等。每个表单都需要在Web服务器上进行某种类
2、型的连接，这种连接通常采用脚本的形式。,10.1 表单概述,10.1.1 表单的概念,表单在网页中用来给用户输入信息,从而能收集客户端信息,使网页具有交互的功能。一般是将表单设计在一个HTML文档中,当用户填写完信息后提交,于是表单的内容就从客户端的浏览器传送到服务器上,经过服务器上的ASP或CGI等程序处理后,再将用户所需信息传送回客户端的浏览器上,这样网页就具有了交互性。,10.1 表单概述,10.1.2 表单的分类,在网页设计中制作表单的应用非常常见，主要应用在搜索、用户登录和用户注册等方面。根据表单的运用范围可以将表单大致分为以下4类。,10.2 创建表单域,使用表单具备的条件有两个：
3、一是含有表单元素的网页文档；二是具备服务器端的表单处理应用程序或客户端脚本程序，它能够处理用户输入到表单的信息。,10.3 插入文本域,10.3.1 插入单行文本域,文本域接受任何类型的字母数字输入内容。文本域可以是单行或多行显示，也可以是密码域的方式显示，在这种情况下，输入文本将被替换为星号或项目符号，以避免旁观者看到。,10.3 插入文本域,10.3.2 插入多行文本域,插入多行文本域同单行文本域类似，只不过多行文本域允许输入更多的文本。,10.3 插入文本域,10.3.3 插入密码域,插入密码域同文本域类似，插入密码域只不过是将“类型”设置为“密码”。,10.4 复选框和单选按钮,10.
4、4.1 插入复选框,复选框可以是一个单独的选项，也可以是一组选项中的一个。可以一次选中一个或多个复选框，这就是复选框的最大特点。,10.4 复选框和单选按钮,10.4.2 插入单选按钮,单选按钮的作用在于只能选中一个列出的选项。单选按钮通常成组使用，一组中的所有单选按钮必须具有相同的名称，且必须包含不同的选定值。,10.5 列表和菜单,列表和菜单的作用都是可以列举出许多选项供浏览者选择，其最大的好处就是可以在有限的空间内为用户提供更多的选项，非常节省版面。列表是滚动式的，浏览者可以拖动滚动条来浏览选项；菜单是下拉式的，浏览者可以单击下拉按钮来浏览选项。创建列表/菜单的具体操作步骤如下。,10.
5、6 跳转菜单的使用,跳转菜单可建立URL与打开列表/菜单中选项之间的关联。通过在列表/菜单中选择选项，浏览器将跳转到指定的URL。创建跳转菜单的具体操作步骤如下。,10.7 使用隐藏域和文件域,在网络上上传图像、照片或相关的文件时，需要用到文件域，将文件上传到相应的服务器。隐藏域是一种在浏览器上看不见的表单对象，利用隐藏域可以实现浏览器和服务器在后台隐藏地交换信息。,10.7 使用隐藏域和文件域,10.7.1 使用隐藏域,在网络上上传图像、照片或相关的文件时，需要用到文件域，将文件上传到相应的服务器。隐藏域是一种在浏览器上看不见的表单对象，利用隐藏域可以实现浏览器和服务器在后台隐藏地交换信息。
6、,10.7 使用隐藏域和文件域,10.7.2 使用文件域,使用文件域可以选择计算机上的文件，并将该文件上传到服务器。可以手动输入要上传的文件路径，也可以单击后面的“浏览”按钮进行选择。创建文件域的具体操作步骤如下。,10.7 使用隐藏域和文件域,10.7.2 使用文件域,使用文件域可以选择计算机上的文件，并将该文件上传到服务器。可以手动输入要上传的文件路径，也可以单击后面的“浏览”按钮进行选择。,10.8 案例创建新用户注册页面,前面学习了表单的创建和相应表单的应用。为了使读者有个系统的了解，并提高实际应用能力，下面以创建新用户注册页面介绍完整的表单。创建新用户注册页面的具体操作步骤如下。,步
7、骤01 打开素材文件,步骤02 表单区域,10.8 案例创建新用户注册页面,步骤03 插入文本域,步骤04 设置文本域“属性”面板,步骤05 插入文本域1,10.8 案例创建新用户注册页面,步骤06 插入文本域2,步骤08 插入密码域2,步骤07 插入密码域1,10.8 案例创建新用户注册页面,步骤09 插入列表/菜单,步骤10 “列表值”对话框,步骤11 设置列表/菜单的“属性”面板,10.8 案例创建新用户注册页面,步骤12 插入多个文件域,步骤14 设置单选按钮“属性”面板,步骤13 插入单选按钮,10.8 案例创建新用户注册页面,步骤15 插入其他单选按钮,步骤16 最终效果,10.8 案例创建新用户注册页面,10.9 知识与技能梳理,在日常生活中需要填写各种各样的表格，如在银行里填写汇款单、在商店里填写购物单、在邮局里填写包裹单等。而网络上的表单就像生活中填写的各种表格。表单的作用就是收集用户的信息，将其提交到服务器，从而实现与用户的交互。在Web2.0中，表单的表现形式更丰富，而智能表单的出现使表单更为人性化。,重要工具：表单。,核心技术：通过表单制作一些用户关注页面，实现网页交互。,实际应用：用户登录页面、用户注册页面和网上交易页面。,
