Dreamweaver CS5.5中文版案例教程教学课件 作者 教学课件第10章10.ppt

《Dreamweaver CS5.5中文版案例教程教学课件 作者 教学课件第10章10.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第10章使用表单创建交互式网页表单的作用是非常重要的，比如获得Web站点用户的信息，用户可以在表单对象中输入信息，然后提交信息，如在站点内加入搜索引擎等也必须使用表单技术。本章主要讲解利用表单创建表单该文档和插入表单对象。10.1表单概述当用户在Web浏览器中显示的Web表单中输入信息，然后单击“提交”按钮时，这些信息将被发送到服务器，服务器中的服务器端脚本或应用程序会对这些信息进行处理。服务器向用户（或客户端）发回所处理的信息或基于该表单内容执行某些其他操作，以此进行响应。表单在Web上有很多用途，包括调查、电子商务、客户订单等。每个表

2、单都需要在Web服务器上进行某种类型的连接，这种连接通常采用脚本的形式。10.1表单概述10.1.1表单的概念表单在网页中用来给用户输入信息,从而能收集客户端信息,使网页具有交互的功能。一般是将表单设计在一个HTML文档中,当用户填写完信息后提交,于是表单的内容就从客户端的浏览器传送到服务器上,经过服务器上的ASP或CGI等程序处理后,再将用户所需信息传送回客户端的浏览器上,这样网页就具有了交互性。10.1表单概述10.1.2表单的分类在网页设计中制作表单的应用非常常见，主要应用在搜索、用户登录和用户注册等方面。根据表单的运用范围可以将表

3、单大致分为以下4类。10.2创建表单域使用表单具备的条件有两个：一是含有表单元素的网页文档；二是具备服务器端的表单处理应用程序或客户端脚本程序，它能够处理用户输入到表单的信息。10.3插入文本域10.3.1插入单行文本域文本域接受任何类型的字母数字输入内容。文本域可以是单行或多行显示，也可以是密码域的方式显示，在这种情况下，输入文本将被替换为星号或项目符号，以避免旁观者看到。10.3插入文本域10.3.2插入多行文本域插入多行文本域同单行文本域类似，只不过多行文本域允许输入更多的文本。10.3插入文本域10.3.3插入密码域插入密码域同文

4、本域类似，插入密码域只不过是将“类型”设置为“密码”。10.4复选框和单选按钮10.4.1插入复选框复选框可以是一个单独的选项，也可以是一组选项中的一个。可以一次选中一个或多个复选框，这就是复选框的最大特点。10.4复选框和单选按钮10.4.2插入单选按钮单选按钮的作用在于只能选中一个列出的选项。单选按钮通常成组使用，一组中的所有单选按钮必须具有相同的名称，且必须包含不同的选定值。10.5列表和菜单列表和菜单的作用都是可以列举出许多选项供浏览者选择，其最大的好处就是可以在有限的空间内为用户提供更多的选项，非常节省版面。列表是滚动式的，浏览

5、者可以拖动滚动条来浏览选项；菜单是下拉式的，浏览者可以单击下拉按钮来浏览选项。创建列表/菜单的具体操作步骤如下。10.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插入文本域110.8案例——创建新用户注册页面步骤06插入文本域2步骤08插入密码域2步骤07插入密码域110.8案例——创建新用户注册页面步骤09插入列表/菜单步骤10“列表值”对话框步骤11设置列表/菜单的“属性”面板10.8案例

8、——创建新用户注册页面步骤12插入多个文件域步骤14设置单选按钮“属性”面板步骤13插入单选按钮10.8案例——创建新用户注册页面步骤15插入其他单选按钮步骤16最终效果10.8案例——创建新