登录  /  注册

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

寻∝梦
发布: 2018-08-28 17:24:12
原创
22114人浏览过

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

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

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

属性值的介绍:(看图)

tuyi.png

熟悉了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="Submit" />
</form>
登录后复制

效果图:(又看图)

tuer.png

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

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

<form name="input" 
action="html_form_action.asp" method="get">
用户名: 
<input type="text" name="user" />
<input type="submit" value="点这里提交" />
</form>
登录后复制

浏览器显示如图效果

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&….", 也就是如果当前页面带有参数 , 参数也一并会提交 , 而且参数的优先级会高于

控件提交的参数,即如果 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

【小编推荐】

HTML中的base标签如何写相对路径?(内附使用介绍)

HTML meta标签的作用是什么?html meta标签的使用方法介绍

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

智能AI问答
PHP中文网智能助手能迅速回答你的编程问题,提供实时的代码和解决方案,帮助你解决各种难题。不仅如此,它还能提供编程资源和学习指导,帮助你快速提升编程技能。无论你是初学者还是专业人士,AI智能助手都能成为你的可靠助手,助力你在编程领域取得更大的成就。
相关标签:
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
关于CSS思维导图的课件在哪? 课件
凡人来自于2024-04-16 10:10:18
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号