第5章_表单介绍及应用.pptVIP

第5章 表单 表单基础 input标记多行文本框 下拉列表框 表单应用 5.1 表单基础 表单的主要功能是收集信息，接受浏览者在网页中的操作，并传递给CGI或ASP等服务器端的表单处理程序。有了表单使服务器端不仅可以向客户端发送网页数据，而且可以收集来自客户端上传的信息。表单通常来做注册登录、网络问卷调查、在线考试等需要向服务器上传的工作，这些来自客户端的数据存储于数据库中，从而为网络其它应用提供必要的支持。 5.1.1 什么是表单 表单实质上就是用于实现网页浏览者和服务器端之间信息交换的一种页面元素，在WWW上被广泛用于各种信息的搜集和反馈。 在web应用中，与表单工作相关的有两个重要组成部分：一是描述表单的HTML源代码；二是用于处理用户在表单域中输入信息的服务器端应用程序，如ASP、JSP等。 5.1.2 表单控件的类型 表单中通常包含两类元素，一种是普通的页面元素如文本、图像、表格等，另一种是用于收集信息的特定页面元素，即表单控件如按钮、文本框、密码框等。 表单像一个容器一样包含各种类型的控件，表单内的控件用于接收用户的输入，典型的控件有文本框、按钮等。表单中的每个控件都有特定的名称，这个名称有效范围是所在表单。每个控件都有初始值和当前值，初始值是由网页设计者预先指定的，当前值是由用户与表单控件交互操作决定的，当提交表单时，会把控件中的当前值提交到服务器端。 表单控件对于客户端用户和服务器端处理程序交互起着中间数据载体的作用，HTML中定义了以下类型的表单控件。 5.1.2 表单控件的类型 1．文本框 接受任何类型的字母数字文本输入内容。文本可以单行或多行显示，也可以以密码域的方式显示，在这种情况下，输入文本将被替换为星号或项目符号，以避免旁观者看到这些文本。使用密码输入框的密码及其它信息在发送到服务器时并未进行加密处理。所传输的数据可能会以字母数字文本形式被截获并被读取。因此，始终应对要确保安全的数据进行加密。 5.1.2 表单控件的类型 2．按钮 在单击时执行操作。可以为按钮添加自定义名称或标签，或者使用预定义的“提交”或“重置”标签。使用按钮可将表单数据提交到服务器，或者重置表单。还可以指定其它已在脚本中定义的处理任务。 5.1.2 表单控件的类型 3．单选框 代表互相排斥的选择。在某单选框组（由两个或多个共享同一名称的单选框组成）中选择一个单选框，就会取消选择该组中的所有其它单选框。 5.1.2 表单控件的类型 4．复选框 允许在一组选项中选择多个选项。用户可以选择任意多个适用的选项。 5.1.2 表单控件的类型 5．下拉列表框 在一个滚动列表中显示选项值，用户可以从该滚动列表中选择多个选项。“列表”选项在一个列表显示选项值，用户只能从中选择单个选项。在下列情况下使用下拉列表框：只有有限的空间但必须显示多个内容项，或者要控制返回给服务器的值。下拉列表框与文本框不同，在文本框中用户可以随心所欲键入任何信息，甚至包括无效的数据，对于下拉列表框而言，只可以具体设置某个列表返回的确定值。 5.1.2 表单控件的类型 6．文件选择输入框 使用户可以浏览到其计算机上的某个文件并将该文件作为表单数据上传。 5.1.2 表单控件的类型 7．隐藏框 存储用户输入的信息，如姓名、电子邮件地址或偏爱的查看方式，并在该用户下次访问此站点时使用这些数据。 5.1.3 form标记 表单是一个包含表单控件的区域，如果要在网页中添加表单，就要在文档中添加form标记。 5.1.3 form标记 1．form标记的用法 基本语法： form name= method= action= 表单控件 …… /form 语法解释： （1）name属性定义表单的名称。 （2）action属性指定表单处理程序（CGI或ASP等服务器端的表单处理程序）的位置。 （3）method属性定义表单结果从浏览器传送到服务器的方式，属性的参数值一般有两种：get和post。 5.1.3 form标记 2．post方法和get方法 浏览器使用 method 属性设置的方法将表单中的数据传送给服务器进行处理。共有两种方法：post方法和 get方法，默认采用get方法。 如果采用post方法，浏览器将会按照下面的步骤来发送数据。首先，浏览器将与 action 属性中指定的表单处理服务器建立联系，一旦建立连接之后，浏览器就会按分段传输的方法将数据发送给服务器。在服务器端，一旦post样式的应用程序开始执行时，就应该从一个标志位置读取参数，而一旦读到参数，在应用程序能够使用这些表单值以前，必须对这些参数进行解码。用户特定的服