`
jveqi
  • 浏览: 324016 次
  • 性别: 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 在指定的框架中打开。
分享到:
评论

相关推荐

    HTML常用标签.pdf

    &lt;/form&gt; Method 属性指定提交方式:post 方式数据以暗文形式提交,即在浏览器地址栏上看不到提交的数据; get 方式提交的数据在浏览器地址栏上可以看到,所以对敏感数据的提交都会选择 post。 表格相关标签 37. ...

    爱淘课html网页属性.pdf

    12. &lt;form&gt;标签:用于创建HTML表单,用于向服务器提交数据。action属性定义提交数据的URL地址,method属性定义数据提交的方式,可以是get或post。 13. &lt;input&gt;标签:用于创建多种类型的表单控件。type属性定义输入...

    HTML属性.docx

    - **标题标签**:`&lt;h1&gt;`到`&lt;h6&gt;`,用于设置不同级别的标题,`&lt;h1&gt;`为最高级别,`&lt;h6&gt;`为最低级别。 - **段落标签**:`&lt;p&gt;`,用于定义文本段落。 - **换行标签**:`&lt;br/&gt;`,用于强制文本在指定位置换行。 - **...

    html语言课程

    - `&lt;form&gt;`标签用于创建表单,常用属性包括`action`(表单提交地址)、`method`(提交方法,如`GET`或`POST`)。 **10.2 输入标签 `&lt;input&gt;`** - `&lt;input&gt;`标签定义了不同类型的输入字段,如文本框、按钮、复选框...

    html基础实例

    表单提交通过&lt;button&gt;或&lt;input type="submit"&gt;实现,而&lt;form action&gt;和&lt;form method&gt;分别定义了表单数据提交的URL和方式(GET或POST)。 HTML5引入了许多新特性,例如语义化标签如&lt;header&gt;、&lt;footer&gt;、&lt;nav&gt;、...

    HTML标签分类及其属性.pdf

    “&lt;formid=form1&gt;&lt;/legend&gt;&lt;inputtype=checkbox&gt;HTML&lt;br&gt;&lt;inputtype=checkbox&gt;CSS&lt;br&gt;&lt;inputtype=checkbox&gt;DHTML&lt;br&gt;&lt;inputtype=checkbox&gt;SCRIPT&lt;br&gt;&lt;/form&gt;&lt;/fieldset&gt;”这段文字可能包含错误,正确的应该是关于...

    2020html基础笔记

    HTML标签是用尖括号包围的关键词,如&lt;h1&gt;至&lt;h6&gt;定义六级标题,&lt;p&gt;用于段落,&lt;a&gt;定义超链接,&lt;img&gt;插入图片,&lt;div&gt;用于分组元素,&lt;ul&gt;和&lt;li&gt;创建无序列表,&lt;ol&gt;和&lt;li&gt;创建有序列表。 3. 属性: HTML元素可以有属性...

    阶段1-前端-HTML(二).pdf

    表单的&lt;form&gt;标签具有method属性,用于指定数据传输的方法。数据传输主要有两种方式:POST方法和GET方法。POST方法通过建立与服务器的连接,并分段传输数据。GET方法则是将所有数据直接附加到URL之后进行传输。在...

    超炫酷代码,HTML格式

    表单则用于收集用户输入,包含&lt;input&gt;、&lt;select&gt;、&lt;textarea&gt;等元素,它们通过action和method属性与服务器进行交互。 此外,HTML5引入了许多新特性,比如音频(&lt;audio&gt;)和视频(&lt;video&gt;)元素,使得在网页中嵌入多媒体...

    HTML中的select标签如何使用.docx

    下面将详细介绍`&lt;select&gt;`标签的用法及其相关属性。 1. **基本用法** 创建一个简单的`&lt;select&gt;`标签,需要在`&lt;select&gt;`标签内部包含一系列的`&lt;option&gt;`标签,每个`&lt;option&gt;`代表一个可选的值。例如: ```html ...

    HTML标签解释大全

    - **说明**:虽然没有直接对应的 `&lt;attribute&gt;` 标签,但这里的“attribute”通常是指HTML元素的属性,比如 `href`、`src` 等。这些属性可以用来定义元素的行为和外观。 ##### 标签:b - **说明**:`&lt;b&gt;` 标签用于...

    HTML的简单操作 HTML的简单操作

    7. HTML表单:HTML表单用于收集用户输入,常用标签包括&lt;form&gt;、&lt;input&gt;、&lt;textarea&gt;、&lt;select&gt;和&lt;button&gt;等。通过method属性(GET或POST)定义数据提交方式,action属性指定处理表单数据的服务器端脚本。 8. HTML...

    Web应用基础.docx

    HTML表单用于收集用户输入,主要由&lt;form&gt;标签定义,常见的表单元素有&lt;input&gt;、&lt;textarea&gt;、&lt;select&gt;等。表单数据通过HTTP提交到服务器,action属性定义提交的URL,method属性定义提交方式(GET或POST)。表单验证...

    html思维导图及总结

    - 表单通过&lt;form&gt;标签定义,可以包含各种输入控件如&lt;input&gt;、&lt;textarea&gt;、&lt;button&gt;等。 - 表单的action属性指定了提交表单时,数据发送到的URL地址。 - method属性定义了数据提交到服务器所使用的方法,常见的有...

    html语言教程的ppt(通俗易懂,适合新手哦)

    此外,可能还会讲解如何使用&lt;form&gt;的action和method属性来处理用户提交的数据,以及验证用户输入的&lt;form&gt;元素,如使用&lt;required&gt;属性。 在学习这个PPT教程的过程中,你将了解HTML如何通过结构化标记来组织网页内容...

    html入门到精通 课件

    - 表单元素:掌握&lt;form&gt;、&lt;input&gt;、&lt;textarea&gt;、&lt;select&gt;和&lt;option&gt;等表单元素,用于收集用户输入。 - 表单属性:了解method(GET/POST)和action属性,控制表单数据的提交方式和目标。 - 表单验证:使用required...

    头歌教学实践平台 Web前端开发基础 HTML-表单类的标签

    `&lt;form&gt;`标签通过`action`属性指定提交数据的URL,`method`属性设置数据传输方式,如GET或POST。 示例: ```html &lt;form action="submit.php" method="post"&gt; &lt;!-- 表单内容 --&gt; &lt;/form&gt; ``` 2. `&lt;input&gt;`...

    SpringMVC表单标签简介

    `&lt;form:input&gt;` 标签用于创建HTML中的`&lt;input&gt;`元素,并将其绑定到模型对象中的特定属性上。例如,在上面的例子中,`&lt;form:input path="name" /&gt;`表示将输入框的值绑定到`user`对象的`name`属性上。 此外,如果未...

    HTML语言标准详细教程--电子版

    HTML提供多种标签来格式化文本,如&lt;b&gt;加粗&lt;/b&gt;、&lt;i&gt;斜体&lt;/i&gt;、&lt;u&gt;下划线&lt;/u&gt;、&lt;strong&gt;强调&lt;/strong&gt;、&lt;em&gt;着重&lt;/em&gt;等。此外,还有&lt;mark&gt;标记文本&lt;/mark&gt;、&lt;del&gt;删除线&lt;/del&gt;和&lt;ins&gt;插入线&lt;/ins&gt;等。 四、段落与...

Global site tag (gtag.js) - Google Analytics