博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
两种input组件:button和submit的区别
阅读量:6882 次
发布时间:2019-06-27

本文共 603 字,大约阅读时间需要 2 分钟。

这两天做hacking的时候有件事情没弄明白,就是<input type="button" />和<input type="submit">究竟有啥区别。在StackOverFlow上看到了比较详细的说明,跟大家分享下:

在一个form中,

button默认是啥都不做的,必须要在button上写js才能触发各种动作。

submit默认即使啥js都不写,也会提交form(准确的说是触发onsubmit事件)。当然你也可以在上面写js做点其他什么事儿。

button上写入onclick事件,只能通过鼠标点击触发。要用键盘触发的话,需要再写个onkeypress事件。

submit则除了鼠标之外,还可以通过键盘上的Enter触发。

 

在w3school上有对于这两个组件的详细说明:

简单来说,submit就是一个默认被赋予了提交form功能的button。如果你需要的功能只是提交form,那就用submit最省事;如果想要实现较多自定义的功能,可能用button更加合适。

 

另外,如果你把button和submit互相转换的时候程序报错了,那么请检查form上的onsubmit事件,以及button/submit上的onclick等相关事件。

     本文转自shenleigang 51CTO博客,原文链接:http://blog.51cto.com/lazycai/770623,如需转载请自行联系原作者

你可能感兴趣的文章
Hammer.js
查看>>
WebService学习总结(四)——调用第三方提供的webService服务
查看>>
Selenium学习笔记之外部化相关测试数据---xml
查看>>
基于HTML5 Canvas实现的图片马赛克模糊特效
查看>>
原: 安装VMtools过程流水帐
查看>>
NYOJ1026 阶乘末尾非0 【模板】
查看>>
设计模式入门之装饰器模式Decorator
查看>>
aSmack连接server异常smack.SmackException$ ConnectionException thrown by XMPPConnection.connect();...
查看>>
System.Data.SqlClient.SqlException: 数据类型 text 和 varchar 在 equal to 运算符中不兼容。...
查看>>
GIT入门笔记(20)- git 开发提交代码过程梳理
查看>>
【Vue 入门】使用 Vue2 开发一个展示项目列表的应用
查看>>
容器使用笔记(List篇)
查看>>
Duilib Edit编辑框禁止输入中文的方法
查看>>
vim使用技巧大全
查看>>
Java 集合类
查看>>
160多个android开源码汇总
查看>>
jQuery序列化表单数据 serialize()、serializeArray()及使用
查看>>
DotNetCore跨平台~Quartz热部署的福音~监控文件夹的变化
查看>>
S3C2440串口的基本使用
查看>>
[uart]linux串口的阻塞非阻塞切换
查看>>