html5中文学习网

您的位置: 首页 > 网页制作 > html教程 » 正文

HTML中Form表单的method属性使用介绍_HTML/Xhtml_网页制作

[ ] 已经帮助:人解决问题
点评:method是指定数据如何发送到服务器的一个属性,实际就是提交数据,下面举个例子为大家简单介绍下Form表单的method属性的使用及注意事项,感兴趣的朋友可以参考下
1 method是指定数据如何发送到服务器的一个属性 6nKHTML5中文学习网 - HTML5先行者学习网
2 只可能是post和get post:官方解释是把数据通过post会话传送到服务器。实际就是提交数据。 get:将表单中数据的按照variable=value的形式,添加到action所指向的URL后面,并且两者使用“?”连接,而各个变量之间使用“&”连接;一般用来从服务器得到数据。 6nKHTML5中文学习网 - HTML5先行者学习网
3,默认是get,所以一般我们都要指定为post 6nKHTML5中文学习网 - HTML5先行者学习网
6nKHTML5中文学习网 - HTML5先行者学习网
举个例子: 6nKHTML5中文学习网 - HTML5先行者学习网
6nKHTML5中文学习网 - HTML5先行者学习网
比如说有2个页面,a.htm和b.asp,你想将a.htm页面表单中的值传递给b.asp页面。 6nKHTML5中文学习网 - HTML5先行者学习网
那么在a.htm中就会有如下的表单代码: 6nKHTML5中文学习网 - HTML5先行者学习网

复制代码
代码如下:
6nKHTML5中文学习网 - HTML5先行者学习网
<form id="form1" method="get" action="b.asp"> 6nKHTML5中文学习网 - HTML5先行者学习网
<input name="Text1" type="text" value="11" /> 6nKHTML5中文学习网 - HTML5先行者学习网
<input id="Submit1" type="submit" value="submit" /> 6nKHTML5中文学习网 - HTML5先行者学习网
</form> 6nKHTML5中文学习网 - HTML5先行者学习网
6nKHTML5中文学习网 - HTML5先行者学习网
上面的代码中2个地方需要注意: 6nKHTML5中文学习网 - HTML5先行者学习网
6nKHTML5中文学习网 - HTML5先行者学习网
1、method的属性是get,所以通过网址传值,可见的; 6nKHTML5中文学习网 - HTML5先行者学习网
2、表单中有2个对象,一个文本框,一个提交按钮。要传递的是文本框的值,注意要把文本框的id属性改成name属性,这样文本框的值才能在网址处显示出来。 6nKHTML5中文学习网 - HTML5先行者学习网
6nKHTML5中文学习网 - HTML5先行者学习网
当你浏览a.htm页并单击提交按钮时,页面转到b.asp页,网址变为: 6nKHTML5中文学习网 - HTML5先行者学习网
6nKHTML5中文学习网 - HTML5先行者学习网
http://localhost/WebSite2/b.asp?Text1=11 6nKHTML5中文学习网 - HTML5先行者学习网
6nKHTML5中文学习网 - HTML5先行者学习网
如果不想让值在网址处显示出来,method值换成post即可。 6nKHTML5中文学习网 - HTML5先行者学习网
6nKHTML5中文学习网 - HTML5先行者学习网
然后在b.asp中就可以通过服务器端代码获取传递过来的值了。 6nKHTML5中文学习网 - HTML5先行者学习网
当method=get时,b.asp页面中通过<% =Request.QueryString["Text1"]%>获取值并输出; 6nKHTML5中文学习网 - HTML5先行者学习网
当method=post时,b.asp页面中通过<% =Request.Form["Text1"]%>获取值并输出。
(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助