form标签的action属性怎么用?form标签action属性的用法介绍(附实例)

本篇文章主要的介绍了关于html中form标签action属性的用法介绍和实例,还有关于form标签的action属性的定义和语法介绍,最后徐还有关于form标签的action属性的作用解释。现在让我们一起来看吧

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

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

属性值的介绍:(看图)

tuyi.png

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

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


登录后复制登录后复制

效果图:(又看图)

tuer.png

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

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


登录后复制登录后复制

浏览器显示如图效果

tusan.png

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

以上就是form标签的action属性怎么用?form标签action属性的用法介绍(附实例)的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2832029.html

(0)
上一篇 2025年3月9日 04:03:06
下一篇 2025年3月9日 04:03:13

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论