html中form标签的action属性-创新互联

今天小编就为大家带来一篇html中form标签的action属性的文章。小编觉得挺不错的,为此分享给大家做个参考。一起跟随小编过来看看吧。

网站建设哪家好,找创新互联公司!专注于网页设计、网站建设、微信开发、小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了虎林免费建站欢迎大家使用!

首先我们先来介绍一下关于HTML form标签的action属性的意思:

form标签的action属性是一个表单当中必须的属性,action属性规定当提交表单时,向何处发送表单数据。

先看个第一个关于form标签action属性的实例:

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

输入用户名:

再输用户名:

这个的效果图在下方:

html中form标签的action属性

效果很明显,基本上每个表单都需要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&….",也就是如果当前页面带有参数,参数也一并会提交,而且参数的优先级会高于

控件提交的参数,即如果action="currentPage.xxx?arguments=values&…."中的arguments有与元素名相同的时候,获取值时action=”currentPage.xxx?arguments=values&….”值会将的值覆盖,从页得到不正确的值.

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

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

如果中有,提交时得到的值将会是947,而不是1000,而action=”currentPage.xxx”就能得到1000

看完上述内容,你们对form标签的action属性大概了解了吗?如果想了解更多相关文章内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


本文标题:html中form标签的action属性-创新互联
本文路径:http://cdiso.cn/article/diodgh.html

其他资讯