Dreamweaver MX 2004网页制作实例教程 教学课件 作者 彭鹏 第5章 制作表单页面.ppt

《Dreamweaver MX 2004网页制作实例教程 教学课件 作者 彭鹏 第5章 制作表单页面.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第5章制作表单页面关于表单5.1插入表单元素5.2学习要点在日常生活中，表单是无处不在的。表单的作用就是收集用户的信息，可以用于调查、注册等，甚至在使用搜索引擎查找信息时，查找的关键字都是通过表单提交到服务器上的。本章通过实例的讲解，介绍表单网页的制作。5.1关于表单5.1.1表单概述利用表单，可以帮助Internet服务器从用户处收集信息，例如收集用户资料，获取用户订单，也可以实现搜索接口。表单的开发分成两个部分：一是具体在网页制作必需的表单项目，即前端，用以描述表单的HTML源代码，主要是在Dreamweaver中制作完成

2、。另一部分是服务器端应用程序或客户端脚本编排程序，用来处理由HTML语言创建的表单域中用户所填入的信息，即为后端，主要是用具体解释或编译程序制作。5.1.2表单的组成1．表单标签2．表单域3．表单按钮5.2插入表单元素如图5-1所示为一个表单页的示例，在该表单中包含了文本框、密码框、单选按钮、列表框、提交按钮、重置按钮等常见表单元素。图5-1表单5.2.1插入表单在每一个表单中，都包括一个表单域和若干个表单元素，而所有的表单元素都要放到表单域中才会生效，因此，制作表单网页时首先要插入表单域。图5-4插入表单域5.2.2插入文本

3、字段在表单域中插入一个可输入一行文本的文本字段。文本字段接受任何类型的字母、数字、文本输入内容，可以单行或多行显示，也可以以密码域的方式显示，在这种情况下，输入文本将被替换为星号或项目符号，以避免旁观者看到这些文本。1．输入文字2．插入文本字段图5-17插入文本图5-27设置密码初始值5.2.3插入单选按钮在填写表单时，有一些内容需要通过用户来选择。这时就可以使用单选按钮，即在若干选项中只允许选择一项，类似于考试中的单选题。图5-30插入“单选按钮”5.2.4插入列表/菜单如果需要选择的选项很多，则使用单选按钮就显得很麻烦，这

4、时就可以通过列表/菜单的形式来显示。图5-37插入“列表/菜单”5.2.5插入文本区域在表单域中可以插入一个可输入多行文字的文本域，其实就是一个属性为多行的文本字段。多行文本域通过提供多字或段落响应，如用户的留言等。图5-39插入“文本区域”5.2.6插入按钮表单中的按钮起着非常重要的作用，它可以在用户需要修改表单的时候，将表单恢复到初始的状态，也可以激发提交表单的动作，还可以根据程序的需要，发挥其他作用。图5-46插入按钮