HTML中Form表单的method属性使用介绍
发布时间:2013-08-19 17:43:01 作者:佚名 我要评论
method是指定数据如何发送到服务器的一个属性,实际就是提交数据,下面举个例子为大家简单介绍下Form表单的method属性的使用及注意事项,感兴趣的朋友可以参考下
1 method是指定数据如何发送到服务器的一个属性
2 只可能是post和get post:官方解释是把数据通过post会话传送到服务器。实际就是提交数据。 get:将表单中数据的按照variable=value的形式,添加到action所指向的URL后面,并且两者使用“?”连接,而各个变量之间使用“&”连接;一般用来从服务器得到数据。
3,默认是get,所以一般我们都要指定为post
举个例子:
比如说有2个页面,a.htm和b.asp,你想将a.htm页面表单中的值传递给b.asp页面。
那么在a.htm中就会有如下的表单代码:
<form id="form1" method="get" action="b.asp">
<input name="Text1" type="text" value="11" />
<input id="Submit1" type="submit" value="submit" />
</form>
上面的代码中2个地方需要注意:
1、method的属性是get,所以通过网址传值,可见的;
2、表单中有2个对象,一个文本框,一个提交按钮。要传递的是文本框的值,注意要把文本框的id属性改成name属性,这样文本框的值才能在网址处显示出来。
当你浏览a.htm页并单击提交按钮时,页面转到b.asp页,网址变为:
http://localhost/WebSite2/b.asp?Text1=11
如果不想让值在网址处显示出来,method值换成post即可。
然后在b.asp中就可以通过服务器端代码获取传递过来的值了。
当method=get时,b.asp页面中通过<% =Request.QueryString["Text1"]%>获取值并输出;
当method=post时,b.asp页面中通过<% =Request.Form["Text1"]%>获取值并输出。
2 只可能是post和get post:官方解释是把数据通过post会话传送到服务器。实际就是提交数据。 get:将表单中数据的按照variable=value的形式,添加到action所指向的URL后面,并且两者使用“?”连接,而各个变量之间使用“&”连接;一般用来从服务器得到数据。
3,默认是get,所以一般我们都要指定为post
举个例子:
比如说有2个页面,a.htm和b.asp,你想将a.htm页面表单中的值传递给b.asp页面。
那么在a.htm中就会有如下的表单代码:
复制代码
代码如下:<form id="form1" method="get" action="b.asp">
<input name="Text1" type="text" value="11" />
<input id="Submit1" type="submit" value="submit" />
</form>
上面的代码中2个地方需要注意:
1、method的属性是get,所以通过网址传值,可见的;
2、表单中有2个对象,一个文本框,一个提交按钮。要传递的是文本框的值,注意要把文本框的id属性改成name属性,这样文本框的值才能在网址处显示出来。
当你浏览a.htm页并单击提交按钮时,页面转到b.asp页,网址变为:
http://localhost/WebSite2/b.asp?Text1=11
如果不想让值在网址处显示出来,method值换成post即可。
然后在b.asp中就可以通过服务器端代码获取传递过来的值了。
当method=get时,b.asp页面中通过<% =Request.QueryString["Text1"]%>获取值并输出;
当method=post时,b.asp页面中通过<% =Request.Form["Text1"]%>获取值并输出。
相关文章
- 本文主要对HTML5表单新增属性进行详细介绍,并附上实例解析,简单易懂。需要的朋友一起来看下吧2016-12-21
- 下面小编就为大家带来一篇HTML Form表单元素全面了解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-09-26
- 下面小编就为大家带来一篇html5表单及新增的改良元素详解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-06-07
- 这篇文章主要为大家介绍了HTML5新增的表单元素和属性,具有一定的参考价值!需要的朋友可以参考下2014-07-07
HTML5 的新的表单元素(datalist/keygen/output)使用介绍
HTML5 拥有若干涉及表单的元素和属性,下面为大家介绍下新的表单元素datalist 元素、keygen 元素、output 元素以及它们的使用实例,感兴趣的朋友可以参考下哈,希望对大家2013-07-19HTML5之HTML元素扩展(下)—增强的Form表单元素值得关注
在HTML5增强的元素中,最值得关注的就是表单元素;在HTML5中,表单已经做了重大的修整,一些以前需要通过JavaScript编码实现的功能现在无需编码就可轻松实现,感兴趣的朋友可2013-01-31- 点击这里返回网页教学网 HTML教程 栏目. 上文:标记语言——引用 原文出处 chapter 5 表单 互动性一直是互联网的重点,让使用者与网站能够交换信息2008-10-17
- 本教程介绍FORM表单标记的各种属性在网页设计中的应用. <FORM>标记的NAME属性 基本语法 01 <Form name="Form_name"> 02 ……2008-10-17
- 假设现在要在表单中添加这样一项内容:浏览所在的城市。这里不说全国的城市,只说省会以上的城市就有几十个。如果以上面讲过的单选按钮的形式,将这些城市全部罗列在网页上2008-10-17
- 带有图片预览功能的上传表单,完整的HTML代码如下所示 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=2008-10-17
最新评论