HTML中Form表单的method属性使用介绍

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"]%>获取值并输出。

时间: 2024-11-02 12:06:25

HTML中Form表单的method属性使用介绍的相关文章

js中form表单的readonly属性切换

readonly 属性规定输入字段为只读. 只读字段是不能修改的.不过,用户仍然可以使用 tab 键切换到该字段,还可以选中或拷贝其文本. readonly 属性可以防止用户对值进行修改,直到满足某些条件为止(比如选中了一个复选框).然后,需要使用 JavaScript 消除 readonly 值,将输入字段切换到可编辑状态. 方法一,jquery <input   type="text" value="安徽省芜湖市弋江区" class="textB

java中form表单提交时Action传入不同的对象

问题描述 java中form表单提交时Action传入不同的对象 如题 在我点保存的时候进入action时传参(参数是实体类),参数有可能是不同的实体类, 解决方案 使用hashmap,hashmap的key是属性,value是属性值.在服务器端通过反射给属性赋值/取值/遍历属性. 解决方案二: 可以通过jquery $(""#id"").attr(""action""xxxxx"")然后再$("

javaweb-JavaWeb中form表单的提交

问题描述 JavaWeb中form表单的提交 javaweb中同一个form表单中的不同按钮如何提交到不同servlet,如何实现? 解决方案 然后再添加一个按钮,添加一个函数.方法类似 解决方案二: 关于FORM下的表单提交问题不规则的form表单的提交JavaWeb开发编码系列(二)-- form表单提交原理 解决方案三: 这个是用javascript实现的,你点击某个按钮后让这个form的action属性值为某个servlet然后再提交就可以了 解决方案四: 这个是用javascript实

JavaScript中Form表单技术汇总(推荐)_javascript技巧

这里不进行很复杂的后台验证以及JavaScript的正则表达式,只是简单的介绍下这个技术,简单的后台接收与跳转,大概了解怎么验证的就可以.具体的技术,我后面还会继续写博客的.本人也还在学习中. 表单验证1-简单验证 进行简单的验证,用户名必须为abcd,密码长度必须大于等于6 然后根据用户输入的数据,在后面给出提示. 代码演示: <html> <head> <title>DHTML技术演示---表单验证</title> <meta http-equiv

动态设置form表单的action属性的值的简单方法_jquery

用jQuery时,可如下设置: form表单: <form name="myform" id="myform" action="ssss" method="post" onsubmit="getUrl();"> javascript方法: <script type="text/javascript"> function getUrl(){ $('form').at

jsp中form表单的工作原理?

问题描述 jsp中form表单的工作原理? 1.为什么form表单可以提交到下个页面并且传值? 2.在form表单jsp页面转换成servlet页面后,里面只有一堆out.print().怎么不见跳转,或者传值类的东西? 求各位大神解惑,谢谢大家 解决方案 是HTML标签,是浏览器所识别的,所以浏览器会自动识别这个东西,知道是http请求服务器的,并通过tcp/ip协议传输,和servlet没有关系,jsp是可以在html中嵌套java代码并最终生成servlet的.

Java中form表单submit之后数据发生了重置。

问题描述 Java中form表单submit之后数据发生了重置. 在java中我用form表单提交后,页面等于刷新了,等于按了一次F5,所以刚才填写的数据会初始化,也就是说刚才选择的数据全部丢失了,现在除了用ajax无刷新提交外,怎么让点击submit按钮后,数据还保留??!(不要告诉我把数据放到session中,这样做是不科学的,另外加重页面刷新速度,只是投机取巧,谁有好的方法????) 解决方案 将表单提交到隐藏的iframe也行,不一定就是ajax <iframe style="di

ASP.NET中Form表单不可以嵌套使用_实用技巧

我非常确定在ASP 中是可以有多个form 表单的,以前常常这样干的,在后台分类管理页面中,把添加和修改放在同一个页面,这样就需要用到两个 form 表单进行提交服务器代码处理. 经过测试,在ASP.NET 也是可以一个页面有多个form 表单的,例如下面的代码: <form id="form1"></form><form id="form2"></form><form id="form3"&

jquery插件EasyUI中form表单提交实例分享_jquery

之前用AJax给Controller传递参数,然后再调用服务端的方法对数据库进行更改,今天碰到一个新的方法,就是表单的提交,这样可以省去AJax传参. 当表单提交后,我们可以获取表单上控件中的值,然后再调用服务端的方法对数据库进行更改.下面的一张截图是具体的业务需求. 一.要实现的功能:从上面这个表单中,获取控件中的值,然后传递给后台.下面是表单代码. 二.表单代码 <div id="Editwin" class="easyui-window" title=&