DreamweaverCC2015中文版案例教程第2版全套配套课件教学资源第9章.pptVIP

第9章 使用表单创建交互式网页 表单的作用是非常重要的，比如获得Web站点用户的信息，用户可以在表单对象中输入信息，然后提交信息，如在站点内加入搜索引擎等也必须使用表单技术。本章主要讲解利用表单创建表单该文档和插入表单对象。 9.1 表单概 当用户在 Web 浏览器中显示的 Web 表单中输入信息，然后单击“提交”按钮时，这些信息将被发送到服务器，服务器中的服务器端脚本或应用程序会对这些信息进行处理。服务器向用户（或客户端）发回所处理的信息或基于该表单内容执行某些其他操作，以此进行响应。 9.1.1 表单的概念 表单在网页中用来给用户输入信息,从而能收集客户端信息,使网页具有交互的功能。一般是将表单设计在一个HTML文档中,当用户填写完信息后提交,于是表单的内容就从客户端的浏览器传送到服务器上,经过服务器上的ASP或CGI等程序处理后,再将用户所需信息传送回客户端的浏览器上,这样网页就具有了交互性。 8.1 了解行为 9.1.2 表单的分类 在网页设计中制作表单的应用非常常见，主要应用在搜索、用户登录和用户注册等方面。根据表单的运用范围可以将表单大致分为以下4类。 用户登录表单 用户注册表 搜索表单 跳转菜单 9.2 插入文本域 9.2.1 创建表单域 使用表单具备的条件有两个：一是含有表单元素的网页文档；二是具备服务器端的表单处理应用程序或客户端脚本程序，它能够处理用户输入到表单的信息。在插入文本域之前，首先要创建表单， 表单中最常见的就是文本域，文本域包含三种类型，单行文本域密码以及多行文本域。在文本域中可以输入任何类型的文本、数字或字母。输入的内容可以以单行形式或多行形式显示，另外，还可以将密码以星号过圆点形式进行显示。 9.2 插入文本域 9.2.2 插入单行文本域 文本域接受任何类型的字母数字输入内容。文本域可以是单行或多行显示，也可以是密码域的方式显示，在这种情况下，输入文本将被替换为星号或项目符号，以避免旁观者看到。 9.2 插入文本域 9.2.2 插入多行文本域 插入多行文本域同单行文本域类似，只不过多行文本域允许输入更多的文本， 9.2 插入文本域 9.2.3 插入密码域 插入密码域同文本域类似，插入密码域后输入的文本将不可见。 9.3 复选框和单选按钮 如果访问者在表单的特定选项组中进行选择时，可以使用复选框或单选按钮。单选按钮代表互相排斥的选择，在某个单选按钮组（有两个或多个共享同一名称的按钮组成）中选择一个选项，就会取消对其他所有选项的选择。复选框允许在一组选项中选择多个选项，用户可以选择任意多个适用的选项。 9.3.1 插入复选框 复选框可以是一个单独的选项，也可以是一组选项中的一个。可以一次选中一个或多个复选框，这就是复选框的最大特点。 9.4 列表和菜单 列表和菜单的作用都是可以列举出许多选项供浏览者选择，其最大的好处就是可以在有限的空间内为用户提供更多的选项，非常节省版面。列表是滚动式的，浏览者可以拖动滚动条来浏览选项；菜单是下拉式的，浏览者可以单击下拉按钮来浏览选项。 9.5 跳转菜单的使用 跳转菜单可建立URL与打开列表/菜单中选项之间的关联。通过在列表/菜单中选择选项，浏览器将跳转到指定的URL。创建跳转菜单与列表菜单相同，真是设置参数有所区别， 9.6 使用隐藏域和文件域 在网络上上传图像、照片或相关的文件时，需要用到文件域，将文件上传到相应的服务器。隐藏域是一种在浏览器上看不见的表单对象，利用隐藏域可以实现浏览器和服务器在后台隐藏地交换信息。 9.6.1 使用隐藏域 隐藏域在网页中不显示，只是将一些必要的信息提供给服务器。隐藏域存储用户输入的信息，如姓名、电子邮件地址，并在该用户下次访问此站点时使用这些数据。 9.6 使用隐藏域和文件域 9.6.2 使用文件域 使用文件域可以选择计算机上的文件，并将该文件上传到服务器。可以手动输入要上传的文件路径，也可以单击后面的“浏览”按钮进行选择。 9.7 案例——创建新用户注册页 前面学习了表单的创建和相应表单的应用。为了使读者有个系统的了解，并提高实际应用能力，下面以创建新用户注册页面介绍完整的表单。 9.8 知识与技能梳理 在日常生活中需要填写各种各样的表格，如在银行里填写汇款单、在商店里填写购物单、在邮局里填写包裹单等。而网络上的表单就像生活中填写的各种表格。表单的作用就是收集用户的信息，将其提交到服务器，从而实现与用户的交互。在Web2.0中，表单的表现形式更丰富，而智能表单的出现使表单更为人性化。 重要工具：表单。 核心技术：通过表单制作一些用户关注页面，实现网页交互。 实际应用：用户登录页面、用户注册页面和网上交易页面。