如何使用form标签的action属性-创新互联

今天就跟大家聊聊有关如何使用form标签的action属性,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

成都创新互联公司提供高防服务器、云服务器、香港服务器、成都机柜租用

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

action属性规定当提交表单时,向何处发送表单数据。(是必需的属性)

属性值的介绍:(看图)

如何使用form标签的action属性

熟悉了action属性的含义和语法,现在让我们来看看实例:

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

这里输名字:

接着输名字:

效果图:(又看图)

如何使用form标签的action属性

表单的动作属性(Action)和确认按钮

当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。

用户名:

浏览器显示如图效果

如何使用form标签的action属性

假如您在上面的文本框内键入几个字母,然后点击确认按钮,那么输入数据会传送到 "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&….", 也就是如果当前页面带有参数 , 参数也一并会提交 , 而且参数的优先级会高于

控件提交的参数,即如果 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许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


当前文章:如何使用form标签的action属性-创新互联
路径分享:http://csdahua.cn/article/geesc.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流