第7章使用表单案例.ppt

id标记是一个较为特殊的标记，它主要用于标示一个惟一的元素。这个元素可以是文字字段，可以是密码域，也可以是其他的表单元素，甚至可以是一幅图像、一个表格。 7.5 id标记 下面通过如下的代码，讲述表单的综合实例，效果如图7.15所示。 7.6 创建表单实例 7.7经典习题 1. 填空题 （1）在网页中__________标记对用来创建一个表单，即定义表单的开始和结束位置，在标记对之间的一切都属于表单的内容。一般情况下，表单的处理程序__________和传送方法__________method是必不可少的参数。 （2）有时候可能想传送一些数据，这些数据对于用户来说是不可见的。可以通过一个__________来传送这样的数据。 （3）__________在上传文件时常常用到，它用于查找硬盘中的文件路径，然后通过表单将选中的文件上传，在上传图像时也常常用到。 2. 上机操作题 制作一个如图7.16所示的表单网页。 * 教学内容：表单的用途很多，在制作网页，特别是制作动态网页时常常会用到。表单主要用来收集客户端提供的相关信息，使网页具有交互功能。在网页制作的过程中，常常需要使用表单，如进行会员注册、网上调查和搜索等。访问者可以使用如文本域、列表框、复选框以及单选按钮之类的表单对象输入信息，然后单击某个按钮提交这些信息 。 第7章 使用表单 教学重点 表单标记 插入表单对象 菜单和列表 文本域标记 id标记 7.1 表单标记form 在网页中form/form标记对用来创建一个表单，即定义表单的开始和结束位置，在标记对之间的一切都属于表单的内容。在表单的form标记中，可以设置表单的基本属性，包括表单的名称、处理程序和传送方法等。一般情况下，表单的处理程序action和传送方法method是必不可少的参数。 action用于指定表单数据提交到哪个地址进行处理 。 7.1.1 提交表单action name用于给表单命名，这一属性不是表单的必要属性，但是为了防止表单提交到后台处理程序时出现混乱，一般需要给表单命名 。 7.1.2 表单名称name 表单的method属性用于指定在数据提交到服务器的时候使用哪种HTTP提交方法，可取值为get或post。 get：表单数据被传送到action属性指定的URL，然后这个新URL被送到处理程序上。 post：表单数据被包含在表单主体中，然后被送到处理程序上。 7.1.3 传送方式method 7.1.4 编码方式enctype 表单中的enctype属性用于设置表单信息提交的编码方式。 7.1.5 目标显示方式target target用来指定目标窗口的打开方式，表单的目标窗口往往用来显示表单的返回信息。 网页中的表单由许多不同的表单元素组成。这些表单元素包括文字字段、单选按钮、复选框、菜单和列表以及按钮。 7.2 插入表单对象 7.2.1 文字字段text 在网页中最常见的表单元素就是文字字段，用户可以在文字字段内输入字符或者单行文本 。 密码域是一种特殊的文字字段，它的各属性和文字字段是相同的。所不同的是，密码域输入的字符全部以“*”显示。 7.2.2 密码域password 7.2.3 单选按钮radio 单选按钮是小而圆的按钮，它可以使用户从选择列表中选择一个选项。 复选框可以让用户从一个选项列表中选择超过一个的选项。 7.2.4 复选框checkbox 7.2.5 普通按钮button 在网页中按钮也很常见，在提交页面、清除内容时常常用到。普通按钮一般情况下要配合脚本来进行表单处理 。 提交按钮是一种特殊的按钮，单击该类按钮可以实现表单内容的提交。 7.2.6 提交按钮submit 7.2.7 重置按钮reset 重置按钮用来清除用户在页面中输入的信息。 7.2.8 图像域images 还可以使用一幅图像作为按钮，这样做可以创建能想象到的任何外观的按钮。 7.2.9 隐藏域hidden 有时候可能想传送一些数据，这些数据对于用户来说是不可见的。可以通过一个隐藏域来传送这样的数据。隐藏域包含那些要提交处理的数据，但这些数据并不显示在浏览器中。 7.2.10 文件域file 文件域在上传文件时常常用到，它用于查找硬盘中的文件路径，然后通过表单将选中的文件上传，在上传图像时也常常用到 。 菜单和列表主要用来选择给定答案中的一种，这类选择中往往答案比较多。菜单和列表主要是为了节省页面的空间，它们都是通过select和option标记来实现的 。 7.3 菜单和列表 7.3.1 下拉菜单 下拉菜单是一种最节省页面空间的选择方式，因为在正常状态下只显示一个选项，单击下拉按钮打开菜单后才会看到全部的选项。 7.3.2 列表项 在页面