form标签的action属性如何用？form标签action属性的用途介绍（附

本篇文章主要的介绍了关于HTML中form标签action属性的用途介绍和实例，还有关于form标签的action属性的定义和语法介绍，最后徐还有关于form标签的action属性的作用说明。此刻让我们一起来看吧

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

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

属性值的介绍：（看图）

熟知了action属性的含义和语法，此刻让我们来看看实例：

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

<form action="form_action.asp" method="get">
  <p>这里输名字: <input type="text" name="fname" /></p>
  <p>接着输名字: <input type="text" name="lname" /></p>
  <input type="submit" value="Submit" />
</form>

结果图：（又看图）

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

当会员单击确定按钮时，表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件平常会对接收到的输入数据停止相关的处置。

<form name="input" 
action="html_form_action.asp" method="get">
会员名: 
<input type="text" name="user" />
<input type="submit" value="点这里提交" />
</form>

阅读器显示如图结果

假设您在上面的文本框内键入几个字母，然后点击确定按钮，那么输入数据会传送到 "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&….", 也就是假如当前页面带有参数 , 参数也一并会提交 , 并且参数的优先级会高于 <form> 控件提交的参数，即假如 action="currentPage.xxx?arguments=values&…." 中的 arguments 有与 <form> 元素名雷同的时候 ,猎取值时 action=”currentPage.xxx?arguments=values&….” 值会将 <form> 的值覆盖，从页得到不准确的值.

例 : SpecTop.asp 页面是表单要提交的页面 , 且有从上级页面传递过来参数

action="" 真正提交时的页面 : SpecTop.asp?ClassID=000100200005&SpeID=947&SpeType=3

假如 <form> 中有 <input type=”text” name=”SpeID” value=”1000”/>, 提交时得到的值将会是 947, 而不是 1000, 而 action=”currentPage.xxx” 就能得到1000

【小编引荐】

HTML中的base标签怎样写相对途径？（内附使用介绍）

HTML meta标签的作用是啥？html meta标签的使用办法介绍

以上就是form标签的action属性如何用？form标签action属性的用途介绍（附实例）的具体内容，更多请关注百分百源码网其它相关文章！