Form表单的属性action与method

1.Action

action属性可设置或返回表单的action属性。

属性	值	描述
Action	URL	规定当提交表单时向何处发送表单数据

下面例子可以更改表单的ationURL

结果输出如下：

下面这个例子可以更改表单action的属性

结果输出如下：

2.method

属性	值	描述
method	get/post	规定用于发送form-data的HTTP方法。(提交表单的方式)

下面的例子，表单数据通过method属性附加到URL上。

结果如下：

定义：

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

method 属性（出自w3c）

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

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

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

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

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

Post还是Get？

在什么情况下使用Post方法：有很长的文本或有很多字段

在什么情况下使用Post方法使用Get方法：想要获取更好的传输性能、只发送简短字段。

关于 "get" 方法：

该方法将表单数据以名称/值对的形式附加到 URL 中
该方法对于用户希望加入书签的表单提交很有用
在 URL 中放置的数据量是有限制的（不同的浏览器有差别），所以无法确保所有表单数据得到正确地传输
绝不要使用 "get" 方法来传输敏感信息！（密码或其他敏感信息在浏览器地址栏中是可见的）

关于 "post" 方法：

该方法以 HTTP post 事务的方式来传递表单数据
无法将通过 "post" 方法提交的表单加入书签
与 "get" 相比，"post" 方法更健壮更安全，而且 "post" 没有容量限制

URL可能的值：

有两种：绝对与相对之分

绝对 URL ：指向其他站点（比如 src="www.baidu.com"）

相对URL：指向站点内的文件（比如 src="/Form00/getData"）

Form表单的属性action与method相关推荐

From表单的属性action和method
From表单的属性action和method Action (URL)规定当提交表单时向何处发送表单数据 Method (post/get)规定用于发送from-data的http方法 URL可能的值 ...
html表单的常用属性有哪些,html/form表单常用属性认识
1.form表单常用属性练习 .form1 { margin: auto; height: 900px; width: 500px; text-align: center; line-height: ...
form 表单 onsubmit 属性
Html中form表单有一个onsubmit属性: 当onsubmit的值为return true时,单击提交按钮,会直接打开action指定的连接当onsubmit的值为return false时 ...
form表单的属性方法
1.form表单:<form></form>action:用户提交的数据提交到的位置[指定的页面]method:用户的提交方式post:传输的数据量更大,更安全get:反之传输 ...
form表单target属性运用
form表单的target,当iframe设置为隐藏时,可以实现当前页表单提交而部进行跳转刷新,代码如下: <form action="提交的action" method=& ...
FORM表单及其属性
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
form表单提交，action需要加项目名
<form action="/addUser" method="post"> <h3>添加用户信息</h3> ...
form表单、控制器中接收表单提交数据的4种方式
Form表单这篇文章主要讲的是form表单的提交之前我们接触过的form表单元素是在Bootstrap框架里面,这次也将用到Bootstrap框架去布局(见图表1)通过Bootstrap框架布局呈 ...
Form表单之get提交与post提交
Form表单之get提交与post提交 Form表单的属性action 与method: 属性值 ...

Form表单的属性action与method

method 属性（出自w3c）

Form表单的属性action与method相关推荐

最新文章

热门文章