本篇文章主要的介绍HTML form表单标签的action属性的用法,用法介绍和实例等都在里面,现在让我们一起来看吧
首先我们先来介绍一下关于HTML form标签的action属性的意思:
form标签的action属性是一个表单当中必须的属性,action属性规定当提交表单时,向何处发送表单数据。
先看个第一个关于form标签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="提交" /> </form>
这个的效果图在下方:
效果很明显,基本上每个表单都需要action属性。
现在说说form标签action属性的用法介绍:
form表单中的action属性的值是表单提交给的url,如果我们没有设置action属性,那么默认的表单还是提交给当前页面,以下是action属性的三种用法介绍:
action=""和action="#"、没有action属性的作用相同,都是提交到当前页面(也就是document.location.href)
action="currentPage.xxx"如果currentPage.xxx表示当前页面,则提交到当前页面,同事跳转到当前页面,当然就看不到url的变化;如果currentPage.xxx是非当前页面,则提交到非当前页面,也跳转到非当前页面
表单提交到自身时 action=""与action="currentPage.xxx"的区别:
通常为了省事,我们一般将表单的action属性设为action=""/action="#"或者干脆不写,但是这会造成一个问题,就是其实将action设为action=""时 , 表单提交时真正提交的页面是action="currentPage.xxx?arguments=values&….",也就是如果当前页面带有参数,参数也一并会提交,而且参数的优先级会高于