htmlform标签的action属性是什么意思?⼜有哪些⽤法?(附
实例
本篇⽂章主要的介绍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)
html href属性action=""如果表⽰当前页⾯,则提交到当前页⾯,同事跳转到当前页⾯,当然就看不到url的变化;如果是⾮当前页⾯,则提交到⾮当前页⾯,也跳转到⾮当前页⾯
表单提交到⾃⾝时 action=""与action=""的区别:
通常为了省事,我们⼀般将表单的action属性设为action=""/action="#"或者⼲脆不写,但是这会造成⼀个问题,就是其实将action设为
action=""时 , 表单提交时真正提交的页⾯是action="?arguments=values&….",也就是如果当前页⾯带有参数,参数也⼀并会提交,⽽且参数的优先级会⾼于<form>控件提交的参数,即如果action="?arguments=values&…."中的arguments 有与<form>元素名相同的时候,获取值时action=”?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=””就能得到1000
好了,以上就是关于HTML form标签的action属性的全部介绍了,有问题的可以在下⽅留⾔。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论