form是什么意思,html form标签的action属性是什么意思?又有哪些用法?(附实例)

本篇文章主要的介绍HTML form表单标签的action属性的用法,用法介绍和实例等都在里面,现在让我们一起来看吧

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

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

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

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

输入用户名:

再输用户名:

这个的效果图在下方:

html form标签的action属性是什么意思?又有哪些用法?(附实例) _ JavaClub全栈架构师技术笔记

效果很明显,基本上每个表单都需要action属性。

现在说说form标签action属性的用法介绍:

form表单中的action属性的值是表单提交给的url,如果我们没有设置action属性,那么默认的表单还是提交给当前页面,以下是action属性的三种用法介绍:

action=""和action="#"、没有action属性的作用相同,都是提交到当前页面(也就是document.location.href)action="[http://currentPage.xxx](https://links.jianshu.com/go?to=https%3A%2F%2Flink.zhihu.com%2F%3Ftarget%3Dhttp%253A%2F%2FcurrentPage.xxx)"如果[http://currentPage.xxx](https://links.jianshu.com/go?to=https%3A%2F%2Flink.zhihu.com%2F%3Ftarget%3Dhttp%253A%2F%2FcurrentPage.xxx)表示当前页面,则提交到当前页面,同事跳转到当前页面,当然就看不到url的变化;如果[http://currentPage.xxx](https://links.jianshu.com/go?to=https%3A%2F%2Flink.zhihu.com%2F%3Ftarget%3Dhttp%253A%2F%2FcurrentPage.xxx)是非当前页面,则提交到非当前页面,也跳转到非当前页面表单提交到自身时 action=""与action="[http://currentPage.xxx](https://links.jianshu.com/go?to=https%3A%2F%2Flink.zhihu.com%2F%3Ftarget%3Dhttp%253A%2F%2FcurrentPage.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 form标签的action属性的全部介绍了

专门建立的学习Q-q-u-n ⑦⑧④-⑦⑧③-零①② 分享学习方法和需要注意的小细节,互相交流学习,不停更新最新的教程和学习技巧(网页制作,网站开发,web开发,从0基础开始的的HTML+CSS+JavaScript。jQuery,Ajax,node,angular框架等到移动端HTML5的项目实战【视频+工具+系统路线图】全栈工程师学习路线以及规划都有整理,分享给小伙伴)点:学习前端,我们是认真的

multiplication form是什么意思_multiplication form的用法 ...form teacher是什么意思_form teacher的用法_form teacher ...html5表单域是什么意思_卓博教育网FORM E :NIL是什么意思_百度知道国际贸易的品质条款是什么 - 物流巴巴|跨境物流问答社群pplication/x-www-form-urlencoded 什么意思 - 寂夜冷风IoT物联网CoAP协议是什么意思 - 编程宝库html form标签的action属性是什么意思?又有哪些用法?(附 ...德语助手|德汉-汉德词典 Short-Form-Konnossement是什么 ...form中的path是什么.*? 或 .*+ 是什么意思 $1,$2 是什么意思 \S 元字符Oracle Form开发常用技巧数值计算·第七集:二次规划(CVXPY版)redux-form的学习笔记Form表单的简单使用Flask 表单form.validate_on_submit()什么情况下会是false,还有解决方法python中的from后面一个点或者两个点是什么意思form:options itemLabel="label" itemValue="value" 是什么意思form标签中的method属性enctype="application/x-www-form-urlencoded"什么意思html 中 table tr td br 什么意思什么的缩写HTML5 之 Form 标签form表单中name的作用C# Windows窗体应用编程中form.show()和form.showDialog()有什么区别【学习笔记】✨Form表单✨Angular :FormControl 和 FormGroupform-inline、form-control和form-group表单form的三种方式(demo-form实例)结合表单验证谈el-form中model、prop、rules属性form-contorl作用formaction form表单指定action的方法Formform_loadform.reset() 的真正作用,并不是清空所有输入栏form表单中autocomplete 有什么用?4.bootstrap的form表单的form-group和form-control的区别与联系表单中method="post"是什么意思elementplus中form表单的使用及讲解---快速上手前后端联调之Form Data与Request Payload,你真的了解吗?FormGroup使用
什么是form表单form过去分词form 中文form的标签full form是什么意思form a是什么意思form 用法form form标签form是什么意思翻译成中文form是什么意思中文from是什么意思former是什么意思formal是什么意思formed是什么意思forms是什么意思formation是什么意思for是什么意思for me是什么意思啊中文真我gt2pro和iqoo9续航测试数学通性通法讲解炒股软件下载后换手机卡能用吗眼睛被蒸汽烫伤画一幅自己的画像唱歌的小姐姐大主宰全文免费阅读无弹窗幼儿园好玩的音乐律动有哪些激活状态true是什么意思大话降龙:二郎神女装礼包补丁下载