第四章表单的提交与处理_第1页
第四章表单的提交与处理_第2页
第四章表单的提交与处理_第3页
第四章表单的提交与处理_第4页
第四章表单的提交与处理_第5页
已阅读5页，还剩41页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

第三章表章的提交与处理手机使用调查案例手机使用调查案例案例分析该调查表的实现过程先设计调查页面然后获取用户提交的数据并在网页上进行显示主要涉及的知识点表单界面的制作表单控件的添加利用request对象获取表单数据利用response对象向客户端输出数据表单制作表单标记——<form>标记

<FORM>…</FORM>标记的用途是在Html文档中插入表单。<form>标记的基本格式

<formname=“…”method=“…”action=“…”>

表单控件

</form><form>标记的属性name属性——用于设置表单的名称;action属性——用于设置表单处理程序的相对或绝对位置，即设置当前表单中的数据发送到哪个文件进行处理。表单制作<form>标记的属性Method属性——设置表单数据传送给表单处理程序的方法。该属性值有：Get：采用get方法，则会把数据作为URL的参数；Post：采用Post方法提交，发送的信息包含在请求的主体中，不会显示在URL中。例：<formname=“form1”method=“post”action=“b.asp”>…</form>表单控件表单控件文本框————<input>标记按钮————<input>标记密码框————<input>标记复选框和单选按钮————<input>标记滚动文本框———<textarea>…</textarea>标记下拉菜单和列表框——<select>…</select>标记表单控件<input>标记

<input>标记的基本格式：

<inputtype=“…”name=“…”value=“…”>

其中：Type属性该属性设置控件的类型。Name属性该属性设置控件的名称。Value属性该属性用来设置控件的值。type属性及其表示的控件类型Type属性表示的控件类型text文本框button普通按钮submit提交按钮reset重置按钮password密码框checkbox复选框radio单选按扭hidden隐藏控件file文件上传控件表单控件文本框

文本框是最基本的表单控件。格式：

<inputtype=“text”name=“…”value=“…”size=“…”maxlength=“…”>文本框的属性Name属性：表示文本框的名称;Value属性：表示文本框控件的默认值，指定在用户输入前默认状态下文本框中显示的文字。Size属性：控制文本框的宽度。Maxlength属性：限制文本框输入字符的个数。表单控件按钮

在HTML表单中使用的典型按钮有三种：提交按钮作用：提交表单内容。<inputtype=“submit”name=“B1”value=“提交”>重置按钮作用：将同一表单中的控件都恢复为默认值。<inputtype=“reset”value=“重置”name=“B2”>普通按钮<inputtype=“submit”value=“普通按钮”name=“B3”>表单控件密码框

密码框的工作原理与文本框类似，只是输入数据时用*代替。创建密码框的格式：

<inputtype=“password”name=““size=“”maxlength=“”>

注意点：

在设计含有密码框的表单时，将表单的Method属性值设定为Post；若Method方法设置为Get，则输入密码并提交表单时在浏览器的地址栏中可以看到密码。表单控件复选框和单选按钮复选框的格式<inputtype=“checkbox”name=“c1”value=““checked>单选按钮的格式<inputtype=“radio”name=““value=““checked>注意点：同一组单选按钮中，用户只允许选择其中一个；同一组中的单选按钮的名称相同；不同组的单选按钮可以同时选中。表单控件滚动文本框<textarea>…</textarea>标记

普通文本框只能在一行上输入数据，而滚动文本框可以换行输入，以输入更多的数据。滚动文本框的格式

<textareaname=“…”rows=“…”cols=“…”>

多行文本框的内容

</textarea>

其中：rows属性：表示行数。cols属性：表示宽度。表单控件下拉菜单和列表框<select></select>标记下拉菜单格式：

<SELECTSize=“1“name=“…”><optionvalue=“选项一的值”>选项一</option>

<optionvalue=“选项二的值”>选项二</option>…</SELECT>

列表框格式：

<SELECTSize=“大于1的整数“name=“…”multiple><optionvalue=“选项一的值”>选项一</option>

<optionvalue=“选项二的值”>选项二</option>…</SELECT>表单设计表单设计的注意事项表单控件必须添加在<form>…</form>标记之间，否则不会被正确提交到目标页中；一般在表单中应该至少包含一个提交按钮。Request对象Request对象的作用

获取从客户端浏览器传过来的表单数据。Request对象的格式

Request的语法结构如下：

Request[.集合|属性|方法](变量)

Request对象包含三类成员，分别为：集合(Form、QueryString、Cookies、ServerVariables、ClientCertificate），其中集合包含了客户端的数据内容。

属性（TotalBytes)方法(BinaryRead方法）Request对象Form集合

Form集合可以接收HTML表单中用Post方法提交过来的数据。格式：

Request.form(element)[(index)|.Count]

其中：参数element用于指定集合要检索的表单控件元素的名称;Request.form(element)是返回表单中所有名称为element的控件元素的值；参数count用于确定集合中元素的个数，通过调用request.form(element).count来确定集合中值的个数；参数index是可选的，使用该参数可以访问集合中的任意一个数据值，可以是１到request.form(element).count。Request对象制作表单的步骤：设计表单界面;编写表单处理程序;将表单界面与表单处理程序进行连接。注意项：单选钮、复选框、下拉菜单、列表框在表单设计时别忘了分别设置它们的值;编写表单处理程序时，控件名称一定要和表单界面中的控件名称相一致;表单界面与表单处理程序的连接是在<form>标记的action属性中设置。Request对象QueryString集合

QueryString集合用于接收用get方法提交的表单数据。QueryString集合的语法

Request.QueryString(element)[(index)|.count]

其中：参数element用于指定集合要检索的表单控件元素的名称;参数count用于确定集合中元素的个数，通过调用request.querystring(element).count来确定集合中值的个数；参数index是可选的，使用该参数可以访问集合中的任意一个数据值，可以是１到request.querystring(element).count。

Request对象注意点：当用get方法传送表单数据时，表单数据将以字符串的方式附加在网址的后面返回服务器端。例如：

http://localhost/计算利率.asp?username=%D0%A1%C3%F7&usermail=user@&usercache=1000000&userrate=0.06&usermonth=10&s1=%BF%AA%CA%BC%BC%C6%CB%E3当用post方法传送表单数据时，用request对象的form集合接收数据;当用get方法传送表单数据时，用request对象的querystring集合接收数据。可以省略form和querystring，直接使用request来获取表单数据。Response对象Response对象的功能

Response对象主要用于控制和管理发送到客户端浏览器的数据。Response对象的常用方法Write方法——将信息从服务器端直接发送到客户端浏览器Redirect方法——实现页面跳转功能End方法——结束ASP页面脚本的运行Response对象Response.write方法

Write方法是Response对象中最常用的方法，是将信息从服务器端直接发送到客户端浏览器。语法：Response.write(变量或字符串），其中括号可以省略。

<%dimusernameusername=“张三”

Response.writeusernameResponse.write“您好，欢迎登录本网站！现在的时间是：”

Response.writenow()%>Response对象<%dimusernameusername=“张三”

Response.writeusername&“您好，欢迎登录本网站！现在的时间是：”&now()%>Response对象用Response.write方法输出HTML标记

<%response.write"<html>"response.write"<bodybgcolor='teal'>"response.write"<hrcolor='red'size='10'>"response.write"</body>"response.write"</html>"%>Response对象用Response.write方法输出HTML标记

<%response.write"<html>"response.write"<body>"name="王小明"sex="男"response.write"<tablealign='center'width='20%'border='1'bordercolor='red'>"response.write"<tr>"

Response对象

<%response.write"<td>姓名</td>"response.write"<td>性别</td>"response.write"</tr>"response.write"<tr>"response.write"<td>"&name&"</td>"response.write"<td>"&sex&"</td>"response.write"</tr>"response.write"</table>"response.write"</body>"response.write"</html>"%>Response对象注意项当HTML标记语句中有双引号时则必须把HTML标记中的双引号改成单引号表示，如：

response.write“<bodybgcolor=‘red’>”response.write“<hrcolor=‘white’size=’10’>”对于初学者可以采用HTML标记和Asp嵌套的方式来书写。Response对象HTML标记和ASP的嵌套<html><head><title>用write方法输出HTML标记</title></head><body><%name=“王小明”

sex=“男”%>

<tableborder=“1”>Response对象<tr><td>姓名</td><td>性别</td></tr><tr><td><

人人文库> 全部分类> 应用文书 > 事务文书

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论