百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> html form标签的action属性有哪些意思?又是什么用途?(附实例
分享文章到:

html form标签的action属性有哪些意思?又是什么用途?(附实例

发布时间:09/01 来源:未知 浏览: 关键词:
本篇文章主要的介绍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>

这个的结果图鄙人方:

tuyi.png

结果很明显,根本上每个表单都需要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&….",也就是假如当前页面带有参数,参数也一并会提交,并且参数的优先级会高于<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 form标签的action属性的全部介绍了,有问题的可以鄙人方留言。

【小编引荐】

怎样给html中的pre标签中的文字换行?html pre标签的使用实例

HTML ul标签的什么意思?HTML ul标签的作用详解

以上就是html form标签的action属性是啥意思?又是什么用途?(附实例)的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有152人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板