DreamweaverCC2015中文版案例教程第2版 教学资源课件第9章.ppt

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

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

2、输入信息,从而能收集客户端信息,使网页具有交互的功能。一般是将表单设计在一个HTML文档中,当用户填写完信息后提交,于是表单的内容就从客户端的浏览器传送到服务器上,经过服务器上的ASP或CGI等程序处理后,再将用户所需信息传送回客户端的浏览器上,这样网页就具有了交互性。8.1了解行为9.1.2表单的分类在网页设计中制作表单的应用非常常见，主要应用在搜索、用户登录和用户注册等方面。根据表单的运用范围可以将表单大致分为以下4类。用户登录表单用户注册表搜索表单跳转菜单9.2插入文本域9.2.1创建表单域使用表单具备的

3、条件有两个：一是含有表单元素的网页文档；二是具备服务器端的表单处理应用程序或客户端脚本程序，它能够处理用户输入到表单的信息。在插入文本域之前，首先要创建表单，表单中最常见的就是文本域，文本域包含三种类型，单行文本域密码以及多行文本域。在文本域中可以输入任何类型的文本、数字或字母。输入的内容可以以单行形式或多行形式显示，另外，还可以将密码以星号过圆点形式进行显示。9.2插入文本域9.2.2插入单行文本域文本域接受任何类型的字母数字输入内容。文本域可以是单行或多行显示，也可以是密码域的方式显示，在这种情况下，输入文

4、本将被替换为星号或项目符号，以避免旁观者看到。9.2插入文本域9.2.2插入多行文本域插入多行文本域同单行文本域类似，只不过多行文本域允许输入更多的文本，9.2插入文本域9.2.3插入密码域插入密码域同文本域类似，插入密码域后输入的文本将不可见。9.3复选框和单选按钮如果访问者在表单的特定选项组中进行选择时，可以使用复选框或单选按钮。单选按钮代表互相排斥的选择，在某个单选按钮组（有两个或多个共享同一名称的按钮组成）中选择一个选项，就会取消对其他所有选项的选择。复选框允许在一组选项中选择多个选项，用户可以选择任意

5、多个适用的选项。9.3.1插入复选框复选框可以是一个单独的选项，也可以是一组选项中的一个。可以一次选中一个或多个复选框，这就是复选框的最大特点。9.4列表和菜单列表和菜单的作用都是可以列举出许多选项供浏览者选择，其最大的好处就是可以在有限的空间内为用户提供更多的选项，非常节省版面。列表是滚动式的，浏览者可以拖动滚动条来浏览选项；菜单是下拉式的，浏览者可以单击下拉按钮来浏览选项。9.5跳转菜单的使用跳转菜单可建立URL与打开列表/菜单中选项之间的关联。通过在列表/菜单中选择选项，浏览器将跳转到指定的URL。创建跳

6、转菜单与列表菜单相同，真是设置参数有所区别，9.6使用隐藏域和文件域在网络上上传图像、照片或相关的文件时，需要用到文件域，将文件上传到相应的服务器。隐藏域是一种在浏览器上看不见的表单对象，利用隐藏域可以实现浏览器和服务器在后台隐藏地交换信息。9.6.1使用隐藏域隐藏域在网页中不显示，只是将一些必要的信息提供给服务器。隐藏域存储用户输入的信息，如姓名、电子邮件地址，并在该用户下次访问此站点时使用这些数据。9.6使用隐藏域和文件域9.6.2使用文件域使用文件域可以选择计算机上的文件，并将该文件上传到服务器。可以手动

7、输入要上传的文件路径，也可以单击后面的“浏览”按钮进行选择。9.7案例——创建新用户注册页前面学习了表单的创建和相应表单的应用。为了使读者有个系统的了解，并提高实际应用能力，下面以创建新用户注册页面介绍完整的表单。9.8知识与技能梳理在日常生活中需要填写各种各样的表格，如在银行里填写汇款单、在商店里填写购物单、在邮局里填写包裹单等。而网络上的表单就像生活中填写的各种表格。表单的作用就是收集用户的信息，将其提交到服务器，从而实现与用户的交互。在Web2.0中，表单的表现形式更丰富，而智能表单的出现使表单更为人性化

8、。重要工具：表单。核心技术：通过表单制作一些用户关注页面，实现网页交互。实际应用：用户登录页面、用户注册页面和网上交易页面。