form标签的action属性怎么用?form标签action属性的用法介绍(附实例)
本篇文章主要的介绍了关于HTML中form标签action属性的用法介绍和实例,还有关于form标签的action属性的定义和语法介绍,最后徐还有关于form标签的action属性的作用解释。现在让我们一起来看吧。
打造全网web前端全栈资料库(总目录)看完学的更快,掌握的更加牢固,你值得拥有(持续更新)
我们先来介绍HTML中form标签的action属性的含义:
action属性规定当提交表单时,向何处发送表单数据。(是必需的属性)
属性值的介绍:(看图)
熟悉了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>
效果图:(又看图)
表单的动作属性(Action)和确认按钮
当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。
<form name="input"
action="html_form_action.asp" method="get">
用户名:
<input type="text" name="user" />
<input type="submit" value="点这里提交" />
</form>
浏览器显示如图效果
假如您在上面的文本框内键入几个字母,然后点击确认按钮,那么输入数据会传送到 "html_form_action.asp" 的页面。该页面将显示出输入的结果。
form标签的action属性的作用解释:
1.action=""和action="#"、没有action属性的作用相同,都是提交到当前页面(也就是document.location.href)
2.action="http://currentPage.xxx":如果http://currentPage.xxx表示当前页面,则提交到当前页面,同事跳转到当前页面,当然就看不到url的变化;如果http://currentPage.xxx是非当前页面,则提交到非当前页面,也跳转到非当前页面
3.表单提交到自身时 action="" 与 action="http://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
需要看更多内容请关注我!!!
form标签的action属性怎么用?form标签action属性的用法介绍(附实例)相关推荐
- a jquery 标签点击不跳转_form标签的action属性怎么用?form标签action属性的用法介绍(附实例)...
本篇文章主要的介绍了关于HTML中form标签action属性的用法介绍和实例,还有关于form标签的action属性的定义和语法介绍,最后徐还有关于form标签的action属性的作用解释.现在让我 ...
- 判断form表单里面的元素属性是否有数据_html form标签的action属性是什么意思?又有哪些用法?(附实例)...
本篇文章主要的介绍HTML form表单标签的action属性的用法,用法介绍和实例等都在里面,现在让我们一起来看吧 程序猿的生活:打造全网web前端全栈资料库(总目录)看完学的更快,掌握的更加牢固, ...
- action请求是什么意思_html form标签的action属性是什么意思?又有哪些用法?(附实例)
本篇文章主要的介绍HTML form表单标签的action属性的用法,用法介绍和实例等都在里面,现在让我们一起来看吧 首先我们先来介绍一下关于HTML form标签的action属性的意思: form ...
- html标签的action属性,html form标签的action属性是什么意思?又有哪些用法?(附实例)...
本篇文章主要的介绍HTML form表单标签的action属性的用法,用法介绍和实例等都在里面,现在让我们一起来看吧 首先我们先来介绍一下关于HTML form标签的action属性的意思: form ...
- html form标签的action属性是什么意思?又有哪些用法?(附实例
本篇文章主要的介绍HTML form表单标签的action属性的用法,用法介绍和实例等都在里面,现在让我们一起来看吧 打造全网web前端全栈资料库(总目录)看完学的更快,掌握的更加牢固,你值得拥有(持 ...
- html form标签的action属性是什么意思?又有哪些用法?(附实例)
本篇文章主要的介绍HTML form表单标签的action属性的用法,用法介绍和实例等都在里面,现在让我们一起来看吧 首先我们先来介绍一下关于HTML form标签的action属性的意思: form ...
- php中颜色的标签,HTMLfont标签的color属性是什么?fontcolor的用法介绍(附颜色代码表)...
HTML font标签的color属性是什么?font中color属性的用法介绍(附颜色代码表).本篇文章只要介绍的是html font标签的color属性的一些用法,还有关于html的颜色代码表详情 ...
- js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题...
js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题 js模拟form表单提交数据源码: /** * js模拟form表单提交 * @param ...
- 前端:JS/32/form对象(表单)(form对象的属性,方法和事件),受返回值影响的两个事件(onclick事件,onsubmit事件),获取表单的元素对象的三种方式,表单的提交和验证方法总结
form 对象(表单) 一个<form>标记,就是一个<form>对象: 1,form对象的属性 name :表单的名称,主要用来让JS来控制表单: action :表单的数据 ...
最新文章
- 汇编: mul乘法指令(字乘法结果在dx:ax中,8位乘法:一个乘数默认放在al中)
- 和牛奶太多量竟然会发胖~
- java将字符串转换成可执行代码
- *【CodeForces - 122C 】Lucky Sum (bfs记录状态,二分查找,有坑)(或分块)
- python 利用pexpect进行多机远程命令执行
- 更新一波,微信第三方开发平台授权流程
- Linux创建名为vgtest的分区,第五周作业,
- HTML特殊字符显示
- pert计算公式期望值_PERT方法—用于计算各工序和工时的方法
- 【Android容器组件—AdapterView】
- 如何基于Debian部署UBNT Unifi控制器?
- C++ Primer 5th Answers
- android fps性能分析,Android性能专项FPS测试实践(二)
- 网站如何防盗链的8种方法
- 分享99个中国风ppt,总有一款适合你
- 软件公司的咨询顾问和售前顾问怎么区分
- 用百度地图实现添加电子围栏并判断是否在范围内
- 网易163邮箱无法使用第三方客户端登录问题解决
- SLAM如何发论文?SLAM领域大牛的总结
- canvas绘制时钟表盘