表单元素input、button、submit、submit()、onsubmit()详解

更新时间:2023-06-29 19:57:57 阅读: 评论:0

表单元素input 、button 、submit 、submit ()、onsubmit ()
详解
总分总作文
表单元素input 、button 、submit 、submit()、onsubmit()详解
This entry was posted in  on  by .在提交表单数据时会⽤到input 、button 、submit 、submit()、onsubmit()等元素,下⾯就这⼏个元素之间的联系与不同做⼀下解释:type=”button”和type=”submit”区别
input 作为按钮来使⽤,其type 属性值可为button 、submit ,其中“button”只是单纯的定义了⼀个按钮,
⽽“submit”是定义了⼀个提交按钮,即把表单数据action 给URL 。并且使⽤了“submit”的input ⽀持键盘的enter 键,这提⾼了页⾯的易⽤性,默认enter 键对页⾯出现的第⼀个submit 进⾏操作。
type=”button”实现type=”submit”功能
山行的诗意
功能详解
A 点击(回车)时,⾸先触发onsubmit 事件,然后执⾏函数abc(),根据函数abc()内容判断是否提交表单数据(⽆onsubmit 时直接提交)
B 、
C 点击时直接提交表单数据,不会出发onsubmit 函数
优异成绩
D 点击时触发onsubmit 函数,不会提交表单数据(解决:可以在函数abc 中调form 的submit()⽅法来提交)
01.02.03.
民主评议党员比例
04.05.
06.07.表示天气的成语>cad坐标标注
长裤英语
08.09.
皮肤的作用
10.11.<form  action ="" method ="" onsubmit ="return abc();"> <span  style ="text-decoration: underline;">A</span >:<input  type ="submit" name ="" value ="提交"><!--提交表单数据--> <span  style ="text-decoration: underline;">B</span >:<input  type ="button" name ="" value ="提交" onClick ="submit()"><!--点击时触发onClick 事件,然后激活此form 的submit()⽅法--> <span  style ="text-decoration: underline;">C</span >:<input  type ="button" name ="" value ="提交" onClick ="this.form.
submit()"><!--点击时触发onClick 事件,然后激活此form 的submit()⽅法--> <span  style ="text-decoration: underline;">D</span >:<input  type ="button" name ="" value ="提交" onClick ="submit()"><!--点击时触发onClick 事件,然后激活此form 的onsubmit()⽅法--> <span  style ="text-decoration: underline;">E</span >:<input  type ="button" name ="" value ="提交" onClick ="onsubmit()"><!--⽆效-->

本文发布于:2023-06-29 19:57:57,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/82/1068728.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:表单   提交   数据
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图