[理学]第5章 Web表单和Request对象.ppt

第5章 Web表单和Request对象 本章要点： ? WEB中表单的设计和数据的提交 ? 掌握文本框、复选框、下拉菜单、单选按钮等控件的运用 ? Request对象详解 在Web应用程序中，用户浏览信息、输入信息以及与服务器的交互，都通过浏览器实现。用户提交请求数据，必须先在浏览器页面上输入数据，然后通过表单向服务器提交请求数据，服务器将处理的结果通过浏览器再输出到相应的页面中。 第4章介绍了有关Response对象的运用，它主要作用是把数据下载到浏览器，而Request对象则是用来读取浏览器的信息，例如获取用户通过浏览器输入的数据。本章详细介绍如何设计用户输入数据的表单以及如何处理用户请求的数据。 5.1 Web表单 5.1.1 表单数据的提交 在一个Web应用程序中，HTML表单（也称窗体）是收集用户请求数据最基本的方法。要建立一个交互式的Web应用程序，需要使用HTML表单，它可以让用户输入信息，并对此做出反应。使用表单可以建立类似复选框、单选按钮以及文本框等常用控件（也可称为元素）。在网上可以经常看到诸如会员注册、用户登录、留言簿、论坛等用表单形式实现各种交互功能的应用。 form …格式里包含的属性： ⑴ name属性 表示该表单的名称。 ⑵ method属性 表示表单的请求类型，服务器应该如何处理由浏览器提供的URL信息。通常包括两种常用的属性值：get和post。表单在发送数据时，若采用get方法，会把数据作为URL的参数。而用post方法提交，发送的信息包含在请求的主体之中，不会显示在URL中。通常采用post方法比较多。 ⑶ action属性 表示将当前表单中的数据发送到哪个文件进行处理，通常是一个ASP文件。如在5_1a.asp文件的表单中action=5_1b.asp，表示将当前表单中的所有控件的值发送到5_1b.asp文件进行处理。由此可知，为什么点击“提交”按钮后，浏览器会自动转到5_1b.asp页面。如果提交到本页面，则可以省略action属性。 form …格式里包含的属性： ⑷ enctype属性 表示数据传送MIME类型，通常可以省略。 ⑸ target属性 表示输出窗口或分页的名称，在框架中处理表单时，经常会使用。比如在点击“提交”按钮后，使action所指的目标也在新建页面中打开，则可把target属性设置为“_blank”。通常可以省略。 在这里强调的是：表单控件（包括文本框、密码框、复选框、单选按钮、下拉菜单控件、列表框、提交按钮、多行文本框以及隐藏控件）必须添加在form…/form之间，添加在form…/form之外的控件的数据，将不会被正确提交到目标页中。而且，一般在表单中应该至少包含一个提交按钮，如input type=submit value=提交按钮 name=B1。在浏览器中通过单击该提交按钮，将把表单中的数据发送到目标页面中进行处理。注意它的类型往往会是submit。 5.1.2 用Request对象接收表单数据 前面介绍通过指定表单的action属性，可将表单控件的数据发送到目标页。而在目标页中，如何接收表单提交过来的数据呢？这里，需要使用Requeset对象进行数据接收，Request对象接收数据简化的格式为： Request (参数) 其中的参数表示form表单中控件（或元素）的名称或者是变量名。 form的method属性和Request对象接收集合的对应关系 5.2 Web表单控件 众所周知，要建立一个交互式的网页，需要使用HTML表单，它可以让管理员收集访问该网站的用户提供的信息，并对此做出反应。使用表单，可以建立像文本框、按钮、复选框、单选按钮及列表框等控件。有了这些控件用户就可以随心所欲的进行交互。 5.2.1 文本框 文本框是最基本的表单控件，几乎每个表单都要用到文本框控件。它的HTML格式如下： input type=text name=… value=默认值 size=… maxLength=… 在该格式中，以Input 为基本标记，其中包含了type、name、size、maxlength、value等属性，下面逐一介绍。 1.input标记 该标记是文本框控件的起始标记，以Input开头的控件还有：按钮、密码框、复选框、单选按钮、隐藏控件等，在缺省其它属性的情况下表示文本框控件。 2.type属性 该属性说明控件的类型。如type=text，表示文本框；type=password，表示密码框等。实际上在表示文本框时，type属性可以省略，因为input标记符缺省type属性设为text。例如语句input name=text1，虽然没有指定属性type=text，同样可以表示一个文本框控件。