`
jveqi
  • 浏览: 313519 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

HTML <form> 标签的 method 属性

    博客分类:
 
阅读更多

HTML <form> 标签的 method 属性

定义和用法

method 属性规定如何发送表单数据(表单数据发送到 action 属性所规定的页面)。

表单数据可以作为 URL 变量(method="get")或者 HTTP post (method="post")的方式来发送。

实例

在下面的例子中,表单数据将通过 method 属性附加到 URL 上:

<form action="form_action.asp" method="get">
  <p>First name: <input type="text" name="fname" /></p>
  <p>Last name: <input type="text" name="lname" /></p>
  <input type="submit" value="Submit" />
</form>

TIY

method 属性

浏览器使用 method 属性设置的方法将表单中的数据传送给服务器进行处理。共有两种方法:POST 方法和 GET 方法。

如果采用 POST 方法,浏览器将会按照下面两步来发送数据。首先,浏览器将与 action 属性中指定的表单处理服务器建立联系,一旦建立连接之后,浏览器就会按分段传输的方法将数据发送给服务器。

在服务器端,一旦 POST 样式的应用程序开始执行时,就应该从一个标志位置读取参数,而一旦读到参数,在应用程序能够使用这些表单值以前,必须对这些参数进行解码。用户特定的服务器会明确指定应用程序应该如何接受这些参数。

另一种情况是采用 GET 方法,这时浏览器会与表单处理服务器建立连接,然后直接在一个传输步骤中发送所有的表单数据:浏览器会将数据直接附在表单的 action URL 之后。这两者之间用问号进行分隔。

一般浏览器通过上述任何一种方法都可以传输表单信息,而有些服务器只接受其中一种方法提供的数据。可以在 <form> 标签的 method (方法)属性中指明表单处理服务器要用方法来处理数据,使 POST 还是 GET。

POST 还是 GET?

如果表单处理服务器既支持 POST 方法又支持 GET 方法,那么你该选择哪种方法呢?下面是有关这方面的一些规律:

  • 如果希望获得最佳表单传输性能,可以采用 GET 方法发送只有少数简短字段的小表单。
  • 一些服务器操作系统在处理可以立即传递给应用程序的命令行参数时,会限制其数目和长度,在这种情况下,对那些有许多字段或是很长的文本域的表单来说,就应该采用 POST 方法来发送。
  • 如果你在编写服务器端的表单处理应用程序方面经验不足,应该选择 GET 方法。如果采用 POST 方法,就要在读取和解码方法做些额外的工作,也许这并不很难,但是也许你不太愿意去处理这些问题。
  • 如果安全性是个问题,那么我们建议选用 POST 方法。GET 方法将表单参数直接放在应用程序的 URL 中,这样网络窥探者可以很轻松地捕获它们,还可以从服务器的日志文件中进行摘录。如果参数中包含了信用卡帐号这样的敏感信息,就会在不知不觉中危及用户的安全。而 POST 应用程序就没有安全方面的漏洞,在将参数作为单独的事务传输给服务器进行处理时,至少还可以采用加密的方法。
  • 如果想在表单之外调用服务器端的应用程序,而且包括向其传递参数的过程,就要采用 GET 方法,因为该方法允许把表单这样的参数包括进来作为 URL 的一部分。而另一方面,使用 POST 样式的应用程序却希望在 URL 后还能有一个来自浏览器额外的传输过程,其中传输的内容不能作为传统 <a> 标签的内容。

明确传递参数

前面的一些建议也可以作为选择此种方式的一定解释。假设你有一个很简单的表单,其中只包含 x 和 y 这两个参数。在对这些元素的值进行编码时,它们的形式如下所示:

x=28&y=66

如果表单采用了 method=GET,那么用来引用服务器端应用程序的 URL 将如下所示:

http://www.example.com/example/program?x=28&y=66

在任何时候我们都可以创建一个传统的 <a> 标签,用它在调用带有所需参数值的表单,其形式如下所示:

<a href="http://www.example.com/example/program?x=28&y=66">

唯一的问题是,分隔参数所用的 & 符号也是字符实体中的插入符号。如果在 <a> 标签的 href 属性中放入一个 & 符号,浏览器就会将其后面的字符替换成相应的字符实体。

为了防止出现这种情况,我们必须用它的实体对等物来替换 & 符号,也就是用 "&#38;" 或 "&amp;" 来替换。替换之后,上面的那个引用服务器应用程序的非表单示例将如下所示:

<a href="http://www.example.com/example/program?x=28&amp;y=66">

由于这样还是不能在 URL 中使用 & 符号,并且有可能在将来带来混乱,因此我们鼓励服务器设置最后也能够接受用分号作为参数分隔符。您也可以看看自己的服务器文档,了解服务器是否支持这种功能。

语法

<form target="value">

属性值

值 描述
_blank 在新窗口中打开。
_self 默认。在相同的框架中打开。
_parent 在父框架集中打开。
_top 在整个窗口中打开。
framename 在指定的框架中打开。
分享到:
评论

相关推荐

    Delphi7.完美经典.part1

    &lt;br&gt;&lt;br&gt;目录 : &lt;br&gt;第0章 认识Delphi &lt;br&gt;&lt;br&gt;0-1 前言 &lt;br&gt;0-2 Delphi简介 &lt;br&gt;0-3 进入Delphi7 &lt;br&gt;0-4 退出Delphi &lt;br&gt;&lt;br&gt;第1章 常用的窗口工具 &lt;br&gt;&lt;br&gt;1-1 窗体(Form) &lt;br&gt;1-2 代码编辑器(Code Editor) ...

    使用HTML开发商业网站-表单控件-select课件.pptx

    &lt;form action="#" method="post"&gt; 爱好(多选):&lt;br /&gt; &lt;select multiple="multiple" size="4"&gt; &lt;!--设置多选和可见选项数--&gt; &lt;option&gt;读书&lt;/option&gt; &lt;option selected="selected"&gt;写代码&lt;/option&gt; &lt;!--设置默认选中...

    html总结文档

    1.表单:&lt;form&gt;&lt;/form&gt; 主要属性:id name action method 2.input元素:&lt;input/&gt; 主要属性:name type value class type: text submit button radio checkbox hidden reset file password 3....

    html登录注册页面,登录和注册页面的实现HTML,CSS,JS

    - 为登录和注册表单创建`&lt;form&gt;`元素,并设置适当的`action`和`method`属性。 - 使用`&lt;input&gt;`元素创建用户名、密码、电子邮件等字段,并设置正确的`type`属性。 - 添加`&lt;button&gt;`或`&lt;input type="submit"&gt;`元素...

    jQuery完全实例.rar

    &lt;p&gt;one&lt;/p&gt; &lt;div&gt;&lt;p&gt;two&lt;/p&gt;&lt;/div&gt; &lt;p&gt;three&lt;/p&gt; jQuery 代码: $("div &gt; p"); 结果: [ &lt;p&gt;two&lt;/p&gt; ] -------------------------------------------------------------------------------- 在文档的第一个表单...

    Xpage学习笔记

    第一步:在xpage中插入&lt;div dojoType=”dijit.form.Button” id=”dojoBtn”&gt;&lt;/div&gt; 第二步:在xpage中插入&lt;xp:scriptBlock&gt;&lt;/xp:scriptBlock&gt; 第三步:编写客户端javascript &lt;div dojoType="dijit.form....

    html入门到放弃笔记

    标记在使用时,用尖括号 "&lt;&gt;",标记的分类 1、封闭类型的标记 也称为 "双标记" , 必须成对出现 语法:&lt;标记&gt;内容&lt;/标记&gt; Demo : 1、创建 p 标记 --&lt;p&gt;...&lt;/p&gt; 2、创建 div 标记 -- &lt;div&gt;&lt;/div&gt; 3、创建 ...

    freemarker总结

    其它的运行符可以作用于数字和日期,但不能作用于字符串,大部分的时候,使用gt等字母运算符代替&gt;会有更好的效果,因为 FreeMarker会把&gt;解释成FTL标签的结束字符,当然,也可以使用括号来避免这种情况,如:&lt;#if (x&gt;y)&gt; ...

    css笔记课程笔记2019,5,22

    * &lt;div&gt;&lt;p&gt;wwwwwwww&lt;/p&gt;&lt;/div&gt; * 设置div标签里面p标签的样式,嵌套标签里面的样式 * div p { background-color: green; } (2)组合选择器 * &lt;div&gt;1111&lt;/div&gt; &lt;p&gt;22222&lt;/p&gt; * 把div和p标签设置成相同的...

    JS 如果改变span标签的是否隐藏属性

    测试: test.html 代码: 代码如下: &lt;!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”&gt; &lt;...form method=”post” action=”#”&gt; 查询类型&lt;select id=”selectType” name=”selectType”

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

    method是指定数据如何发送到服务器的一个属性,实际就是提交数据,下面举个例子为大家简单介绍下Form表单的method属性的使用及注意事项,感兴趣的朋友可以参考下

    .NET万能框架:Masuit.Tools

    项目基于.NET 4.5构建,语法版本C#6.0,包含日常编程多数的常用封装,... //清理后:&lt;div&gt;&lt;span&gt;&lt;a href="/users/account/LogOff"&gt;退出&lt;/a&gt;&lt;/span&gt;&lt;/div&gt; 5.整理操作系统的内存: Windows.ClearMemorySilent();

    ssh(structs,spring,hibernate)框架中的上传下载

    4. destroy-method="close"> 5. <property name="driverClassName" value="oracle.jdbc.driver.OracleDriver"/> 6. <property name="url" value="jdbc:oracle:thin:@localhost:1521:ora9i"/> 7. <property ...

    HTML5新增form控件和表单属性实例代码详解

    以上是我们常用的一些form属性 第二个知识点:H5新的输入型控件  (一)email:电子邮箱文本框,跟普通的没什么区别  1.当输入不是邮箱的时候,验证不通过  2.移动端键盘会有变化  (二)tel:电话号码  1.主要在...

    HTML5 form标签之解放表单验证、增加文件上传、集成拖放的使用方法

    html5之前,表单内的从属元素需要放入标签中,现在可以为标签指定form标签即可 点评:该功能解决了我们实际中遇到的一些问题,比如iframe模拟异步图片上传时,就必须将图片写到form外。 formaction formmethod ...

    UEditor入门基础

    5 &lt;FORM method=post action=""&gt; &lt;SCRIPT id=editor type=text/plain name="myContent"&gt; &lt;/SCRIPT&gt; &lt;INPUT value=提交 type=submit name=submit&gt; &lt;/FORM&gt; 3)后端接收程序可以通过如下几种方式来获取编辑器中的...

    jboss as 7 support jsf2.2.1 modules

    JSF的无状态实现方式很直观,处理&lt;f:view&gt;的TagHandler将其布尔值属性transient 传递给UIViewRoot#setTransient即可。如果页面设置为临时的,JSF StateManager就不存储它的任何数据,页面还原时,它也会被创建为无...

    ASP.NET的网页代码模型及生命周期

    &lt;form id=“form1” runat=“server”&gt; &lt;div&gt; &lt;/div&gt; &lt;/form&gt; &lt;/body&gt; &lt;/html&gt; 编译并运行,即可看到一个空白的页面被运行了。ASP.NET单文件页模型在创建并生成时,开发人员编写的类将编译成程序集,并将该程序...

    从入门到精通HTML5——PDF——网盘链接

     9.1 使用表单标签——form 182  9.1.1 处理动作——action 182  9.1.2 表单名称——name 183  9.1.3 传送方法——method 183  9.1.4 编码方式——enctype 184  9.1.5 目标显示方式——target 185  9.2...

Global site tag (gtag.js) - Google Analytics