网页设计与制作——Dreamweaver MX 2004 教学课件 作者 邓宁 11.ppt

《网页设计与制作——Dreamweaver MX 2004 教学课件 作者 邓宁 11.ppt》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、项目十一添加交互式表单项目提要使用表单可与Web站点的访问者进行交互，或从他们那里收集信息，表单从用户收集信息，然后将这些信息提交给服务器进行处理。表单可以包含允许用户进行交互的各种对象。这些表单对象包括文本域、列表框、复选框、和单选按钮。举个最简单的例子，我们每天可能都要在线收发E-mail，每一次填写用户名和密码。然后进行提交，并由服务器反馈信息给我们，这个过程就是一个表单提交和反馈的过程。当访问者将信息输入WEB站点表单并单击提交按钮时，这些信息将被发送到服务器，服务器端脚本和程序或应用程序对这些信息进行处理并将请求信息发送给用户

2、，或基于该表单内容执行一些操作来进行响应。通常，服务器通过通用网关接口（GGI）脚本、ColdFusion页、JavaServerPage（JSP）或ASP来处理信息。学习目标掌握使用表单的方法；掌握创建文本域、文件域和隐藏域的方法；掌握创建复选框和单选框的方法；掌握创建列表和菜单的方法；掌握创建表单按钮的方法。任务一创建表单页面表单页面操作一添加表单域选择表单按钮表单以红色虚轮廓线表示表单属性面板操作二添加文本域1、插入单行文本域单击“文本字段”按钮“文本字段”属性面板操作二添加文本域2、插入多行文本域单击“文本区域”按钮“文本区域”

3、属性面板操作二添加文本域3、插入密码域密码域是特殊类型的文本域。当用户在密码域中键入文本时，所输入的文本被替换为星号或项目符号，以隐藏该文本，使这些信息不被看到。在浏览器中，当访问者往密码框中输入字符时，为了保密，字符将自动以符号*或●显示。选择“密码域”属性面板“密码域”输入密码的显示效果操作三添加按钮插入“按钮”表单对象插入“按钮”及属性面板操作四添加复选框插入“复选框”按钮插入“复选框”及属性面板操作五添加单选框插入“单选按钮”按钮插入“单选按钮”及属性面板插入“单选按钮组”按钮“单选按钮组”对话框操作六添加列表/菜单框单击“列表

4、/菜单”按钮列表属性面板添加列表选项列表的显示效果操作六添加列表/菜单框2、创建下拉列表添加下拉列表项目下拉列表的显示效果操作七添加文件上传域单击“文件上传域”按钮“文件上传域”属性面板项目拓展制作访问者意见反馈表单项目小结表单是用来收集站点访问者信息的域集。使用表单可与Web站点的访问者进行交互，或从他们那里收集信息，表单从用户收集信息，然后将这些信息提交给服务器进行处理。表单可以包含允许用户进行交互的各种对象。这些表单对象包括文本域、列表框、复选框、和单选按钮。本项目的基本要求，就是掌握这些对象的创建和使用。