第9章网页表单应用.pptVIP

* 第9章 网页表单应用 在设计和制作网页时，以人工的方式更新网页费时费力，需要构建大量的页面，会占用很多服务器的存储空间。因此，人们通过各种编程语言，以数据库的方式存储数据，动态地更新网页，提高页面的效率。 动态网页的功能十分强大，其可以借助网页表单组件，动态获取用户输入的各种信息，然后经过服务器的处理，向用户发送反馈。本章将通过介绍网页的表单技术，帮助用户了解动态网页的制作基础。 本章学习要点： * 表单技术基础 插入文本域 复选框和单选按钮 列表和菜单 按钮 隐藏域和文件域 9.1 网页中的表单 * 在用户与网页进行交互时，网页需要有一个整体的媒介，以获取用户进行的各种键盘操作和鼠标操作。此时，就需要使用到表单以及各种表单对象等，采集这些信息，并将这些信息存储到数据库中。 9.1.1 表单概述 * 表单是一种特殊的网页容器标签。在表单中，用户可插入各种普通的网页标签，也可以插入各种表单交互组件，从而获取用户输入的文本，或选择的某些特殊项目等信息。 表单支持客户端/服务器关系中的客户端。当用户在Web浏览器（客户端）中显示的表单中输入信息，然后单击【提交】按钮时，这些信息将被发送到服务器，服务器中的服务器端脚本或应用程序会对这些信息进行处理。服务器向用户（或客户端）返回所请求的信息或基于该表单内容执行某些操作，以此进行响应。 9.1.2 创建表单域 表单是各种网页表单对象的容器，其中可以包含文本域、密码域、隐藏域、单选按钮、复选框、弹出菜单、单击按钮等一系列的表单构件。使用Dreamweaver CS4，用户可以方便地为网页插入表单，以建立这种容器。 * 9.2 插入文本域 文本域是最基本的表单对象。在文本域中，网页程序可以获取用户输入的各种文本信息，同时将这些信息传送给服务器。文本域又可分为文本字段和文本区域等2种。 * 9.2.1 文本字段 文本字段是单行的文本域表单对象。用户在这种表单对象中输入文本信息时，这些文本信息不会发生换行。 * 文本字段的属性设置 名称 功能 文本域 文本域名称是程序处理数据的依据，命名与文本域收集信息的内容相一致。文本域尽量使用英文名称。 最多字符数 设置文本框内所能填写的最多字符数。 字符宽度 设置此域的宽度有多少字符，默认为24个字符的长度。 类型 单行 默认项。文本字段表单对象 多行 将文本字段转换为文本区域 密码 设置文本字段中的文本为密码类型（显示为星号“*”） 初始值 为默认状态下填写在单行文本框中的文字。 禁用 文本框显示为灰色，不可以提交文本内容，而且其中的文本不可修改，值为disable。 只读 文本框显示为正常颜色，可以提交文本内容，而且其中的文本不可以修改，值为readonly 9.2.2 文本区域 在获取用户输入的文本信息时，如果需要获取较多的内容，则可以使用文本区域对象。文本区域是文本域的一种变形，其可以显示位于多行的文本，同时还提供滚动条组件，可以使用户可以拖动查看输入的所有内容。 * 9.3 插入复选框和单选按钮 在网页中，如果需要为用户提供一个或多个选择项目，并获取用户所选择的一个或多个项目，则可以使用复选框或单选按钮等选择性的表单对象。复选框或单选按钮表单既可以单个的方式出现，也可以组的形式出现。 9.3.1 复选框 复选框是允许用户同时选择多项内容的选择性表单对象。在多数浏览器中，复选框以矩形来表示。插入复选框时，用户可以先插入一个字段集型表单，再将复选框插入到字段集表单中，以表示这些复选框属于同一个组。 * 9.3.2 单选按钮 单选按钮也是一种选择性表单对象。其与复选框最大的区别是，单选按钮通常以组的方式出现，在该单选按钮的组中，只允许用户同时选中其中一个单选按钮。当用户选中某一个单选按钮时，其他单选按钮将自动转换为未选中的状态。 * 9.4 插入列表和菜单 列表/菜单是一种重要的表单对象。在列表/菜单的表单对象中，用户可以方便地选择其中某一个项目，在提交表单时将选择的项目值传送到服务器中。相比单选按钮组，列表菜单形式更加多样，使用也更加便捷。 * 9.4.1 菜单表单 菜单类的表单是一种固定高度的、通过弹出的方式显示内容的表单，因此又被称作弹出菜单。菜单类表单的作用与单选按钮组类似，都可以提供多种选项，供用户进行选择。 * * 1．插入菜单表单 在Dreamweaver中，用户可以先创建一个表单，然后将光标置于表单中，在【插入】面板中单击【列表/菜单】按钮，在弹出的【输入标签辅助功能属性】对话框中设置列表/菜单的属性之后，即可方便地将菜单插入到网页文档中。 * 2．编辑菜单表单