如何使用form标签的action属性

今天就跟大家聊聊有关如何使用form标签的action属性，可能很多人都不太了解，为了让大家更加了解，小编给大家总结了以下内容，希望大家根据这篇文章可以有所收获。

创新互联建站秉承实现全网价值营销的理念，以专业定制企业官网，成都做网站、成都网站制作，成都微信小程序，网页设计制作，成都手机网站制作，网络营销推广帮助传统企业实现“互联网+”转型升级专业定制企业官网,公司注重人才、技术和管理，汇聚了一批优秀的互联网技术人才,对客户都以感恩的心态奉献自己的专业和所长。

我们先来介绍HTML中form标签的action属性的含义：

action属性规定当提交表单时，向何处发送表单数据。（是必需的属性）

属性值的介绍：（看图）

熟悉了action属性的含义和语法，现在让我们来看看实例：

下面的表单是拥有两个输入字段以及一个提交按钮，当提交表单时，表单数据会提交到名为 "form_action.asp" 的页面：

  
这里输名字: 
  
接着输名字: 
  

效果图：（又看图）

表单的动作属性（Action）和确认按钮

当用户单击确认按钮时，表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。

用户名: 

浏览器显示如图效果

假如您在上面的文本框内键入几个字母，然后点击确认按钮，那么输入数据会传送到 "html_form_action.asp" 的页面。该页面将显示出输入的结果。

form标签的action属性的作用解释：

1.action=""和action="#"、没有action属性的作用相同，都是提交到当前页面(也就是document.location.href)

2.action="currentPage.xxx"：如果currentPage.xxx表示当前页面，则提交到当前页面，同事跳转到当前页面，当然就看不到url的变化；如果currentPage.xxx是非当前页面，则提交到非当前页面，也跳转到非当前页面

3.表单提交到自身时 action="" 与 action="currentPage.xxx" 的区别：

通常为了省事 , 我们一般将表单的 action 属性设为 action=""/action="#"，或者干脆不写,但是这会造成一个问题 , 就是其实将 action 设为 action="" 时 , 表单提交时真正提交的页面是action="currentPage.xxx?arguments=values&….", 也就是如果当前页面带有参数 , 参数也一并会提交 , 而且参数的优先级会高于