第5章Web表单和Request对象共31页文档
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
5.1 Web表单
❖ 5.1.1 表单数据的提交 ❖ 在一个Web应用程序中,HTML表单(也称窗体)
是收集用户请求数据最基本的方法。要建立一个交 互式的Web应用程序,需要使用HTML表单,它可 以让用户输入信息,并对此做出反应。使用表单可 以建立类似复选框、单选按钮以及文本框等常用控 件(也可称为元素)。在网上可以经常看到诸如会 员注册、用户登录、留言簿、论坛等用表单形式实 现各种交互功能的应用。
<form …>格式里包含的属性:
❖ ⑷ enctype属性 ❖ 表示数据传送MIME类型,通常可以省略。 ❖ ⑸ target属性 ❖ 表示输出窗口或分页的名称,在框架中处理表单时,经常会使用。比如
在点击“提交”按钮后,使action所指的目标也在新建页面中打开,则 可把target属性设置为“_blank”。通常可以省略。 ❖ 在这里强调的是:表单控件(包括文本框、密码框、复选框、单选按钮、 下拉菜单控件、列表框、提交按钮、多行文本框以及隐藏控件)必须添 加在<form>…</form>之间,添加在<form>…</form>之外的控件的数据, 将不会被正确提交到目标页中。而且,一般在表单中应该至少包含一个 提交按钮,如<input type="submit" value="提交按钮" name="B1">。在 浏览器中通过单击该提交按钮,将把表单中的数据发送到目标页面中进 行处理。注意它的类型往往会是submit。
5.2.1 文本框
❖ 3.name属性 ❖ 表示控件的名称,一般任何一个要提交数据的控件都必须要
加入该属性。它也是Request对象接收数据的依据。例如, 要接收文本框<input name="Text1">输入的内容,就要用 Request("text1")来接收。其中的text1就是name属性的值, 作为Request对象的参数。 ❖ 4.value属性 ❖ 表示文本框控件的默认值,指定在用户输入前缺省状态下文 本框中显示的文字。例如,假设有一个文本框,让用户在其 中输入国别,预计大部分用户都是中国人,则可以使用 <input name="country" value="中国">将文本框的缺省值设 为“中国”。
5.1.2 用Request对象接收表单数据
❖ 前面介绍通过指定表单的action属性,可将表 单控件的数据发送到目标页。而在目标页中, 如何接收表单提交过来的数据呢?这里,需 要使用Requeset对象进行数据接收, Request对象接收数据简化的格式为: Request (参数) 其中的参数表示form表单中控件(或元素) 的名称或者是变量名。
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",同样可以表示一个文本框控件。
<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属性。
❖ 在Web应用程序中,用户浏览信息、输入信息以及 与服务器的交互,都通过浏览器实现。用户提交请 求数据,必须先在浏览器页面上输入数据,然后通 过表单向服务器提交请求数据,服务器将处理的结 果通过浏览器再输出到相应的页面中。
❖ 第4章介绍了有关Response对象的运用,它主要作 用是把数据下载到浏览器,而Request对象则是用 来读取浏览器的信息,例如获取用户通过浏览器输 入的数据。本章详细介绍如何设计用户输入数据的 表单以及如何处理用户请求的数据。
form的method属性和Request对象接 收集合的对应关系
method属性
Request对象的集合
Post get
Request.form(参数),其中参数一般为表单 form中控件的名称
Request.QueryString (参数),参数可以是控 件的名称,也可以是URL后跟的参数变量名
5.2.1 文本框
❖ 5.sBaidu Nhomakorabeaze属性 ❖ 该属性控制文本框的宽度,使用时可根据需
要以字符数来指定size属性的值。 ❖ 6.maxlength属性 ❖ 该属性限制文本框输入字符的个数。例如,