第九章表单单飞的鞋子.pptVIP

网页设计与制作教程(第4版）;表单简介 常用表单对象设置 检查表单 四 实训; 9.1.1 表单的基本概念 网页中的表单主要负责数据的采集，例如，图9-1所示为网页中嵌入的一个用于搜索信息的表单，其中包括1个用于输入查找关键字的文本框、1个用于提交搜索的按钮和4个用于选择搜索类型的单选按钮。 用户可以使用Dreamweaver创建将数据提交到大多数应用程序服务器（包括PHP、ASP和JSP）的表单。Dreamweaver还可以编写用于验证访问者所提供的信息的代码。例如，可以检查用户输入的电子邮件地址是否包含“@”符号，或者某个必须填写的文本域是否包含值等。 ; 在Dreamweaver中，制作表单可以通过表单对象实现，表单对象位于插入工具栏的“表单”分类中，如图9-3所示。表单对象按照从左到右的顺序依次是：表单、文本字段、隐藏域、文本域、复选框、单选按钮、单选按钮组、列表/菜单、跳转菜单、图像域、文件域、命令按钮、标签、字段集和Spry构件等。; 9.2.1 表单 与表单有关的标记有form和input，表单的基本语法及格式为： form name=表单名 action=URL method=get|post input type=表项类型 name=表项名 value=缺省值 size=x maxlength=y / … /form form标记主要处理表单结果的处理和传送。 ; 9.2.2 文本域 1．文本框 文本框是一种让访问者自己输入内容的表单对象，通常用来填写单个字或者简短的回答，如姓名、地址等。 2．密码框 密码框是一种特殊的文本域，用于输入密码。当访问者输入文字时，文字会被星号或其它符号代替，而输入的文字会被隐藏。 3．多行文本框 在意见反馈栏中往往需要浏览者发表意见和建议，且提供的输入区域一般较大，可以输入较多的文字，使用多行文本框可以设置允许成段文字的输入。 ; 9.2.3 隐藏域 当表单被提交时，隐藏域就会将信息以设置时定义的名称和值发送到服务器上。 代码格式： input type=hidden name=隐藏域名称 value=提交值 / ; 9.2.4 复选框 每个复选框都是一个独立的元素，都必须有一个唯一的名称。 代码格式： input type=checkbox name=复选框名称 value=复选框选定值 checked=初始状态 / ; 9.2.5 单选按钮 单选按钮通常以组为单位使用的，在同一组中的单选按钮都必须使用相同的名称。 代码格式： input type=radio name=单选择钮名称 value=单选择钮选定值 checked=初始状态 / ; 9.2.6 列表/菜单 可以用select标记和option标记设置列表/菜单。 select标记的格式为： select size=显示的列表项数 name=列表/菜单名称 multiple option … … /option option … … /option /select option标记的格式为： option selected value=选项提交值 … /option 列表与菜单方式的主要区别在于，前者在select中的size属性值取大于1的值，此值表示在选择栏中不拖动滚动条可以显示选项的数目。 ; 9.2.7 跳转菜单 跳转菜单是可以导航的列表或菜单，其中的每个选项都链接到某个文档。 将光标定位在表单中，单击插入面板“表单”分类中的跳转菜单按钮 。 跳转菜单包含三个基本部分： ? 文本：菜单项的提示信息。 ? 选择时，转到URL：用户选择某个选项，则链接的文档或文件被打开。 ? 选项：设置菜单之后是否插入前往按钮以及更改URL后是否选择第一个项目。; 9.2.8 图像域 图像域一般应用于表单中完成触发表单的相关操作，与按钮的功能和类型相似，只是以图片的方式显示。用户在浏览网站的时候经常会看到一些很漂亮的水晶提交按钮，就是通过图像域的方式建立的。用户可以在表单中插入一个使用图像域生成的图形化按钮。 将光标定位在表单中，单击插入面板“表单”分类中的图像域按钮 ，打开“选择图像源文件”对话框，在对话框中选择用于生成图形化按钮的图像; 9.2.9 文件域 在使用文件域以前，必须保证服务器是否允许匿名上传文件。表单标签中必须设置ENCTYPE=multipart/form-data来保证文件被正确编码。另外，表单的传送方式必须设置为POST。 文件域的代码格式： input type=file name=