submit和button的区别
声明:
更多免费教学文章请关注这里
转发:https://blog.csdn.net/aiming66/article/details/79046432
button-普通按钮,submit-提交按钮。
submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了,submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上。
##使用场景:
这里说的部分使用场景,并不是只能用一种,只是说,在这种场景下使用更加方便,程序员工作量小。
补充:
1、上面的场景中,表单在点击提交按钮后需要用JS进行处理(包括输入验证)后再提交的话,通常我们提倡用button,如果需要使用submit提交前验证的话 应在方法前加return。onClick方法不加return 会自动提交,并不会起到约束的作用, 所以,使用submit时需要验证请加 return true或false。
如一个登陆模块,先验证用户名是否为空,如果为空,SUBMIT点击时永远提交不到from表单指定页面。只能是表单形式发送噢!而且不能再表单指定的页面中去验证传进来的值。
function check(){var name = document.getElementById("name").value;if(name == null || name == ''){alert("用户名不能为空"); return false;}return true;
}<form name="form" action="跳转的页面" method="post" onsubmit="return check()"><input type="text" id="name"/><input type="submit" value="提交"/>
</form>
submit和button的区别相关推荐
- HTML button 和 input type=“button”的区别 / input type=submit 和button的区别
HTML <button> 和 input type="button"的区别: 1. <button>标签里可以放文本图片等内容,与<input> ...
- html中submit和button的区别(总结)
文章目录 submit和button submit介绍 submit和button的区别 submit和button submit介绍 submit是button的一个特例,也是button的一种 ...
- input type=submit 和button的区别及表单提交
在一个页面上画一个按钮,有四种办法: 1 <input type="button" /> 这就是一个按钮.如果你不写javascript 的话,按下去什么也不会发生. ...
- Html 中表单提交的一些知识总结——防止表单自动提交,以及submit和button提交表单的区别...
转自:http://jackaudrey.blog.163.com/blog/static/1314217882010590041833/ 在页面中有多个input type="text&q ...
- input type=“submit“ 和“button“有什么区别
input type="submit" 和"button"在功能.是否具备Enter键支持和是否需要写JavaScript来阻止上有所区别: 1.功能不同 su ...
- submit按钮html,html的两种提交按钮submit和button
转自:http://baiying.blog.51cto.com/1068039/1319784 html按钮有两种: 和登录 这两种在页面上看起来好像一样没什么区别,但是这两种是有区别的. 1,如果 ...
- form表单的submit()和onsubmit()的区别
submit()和onsubmit()的区别 表单元素拥有submit方法,同时也具有onsubmit事件句柄,用于监听表单提交.可以使用elemForm.submit();方法触发表单提交. 1). ...
- input type=button与asp:button的区别,以及runat=server的作用
<input type="button">与<asp:button>的区别,以及runat="server"的作用 在<input ...
- submit与button区别提交区别
提交表单时使用submit会自动提交form表单数据, 如果使用jquery的form表单插件时需要将提交按钮改为button时$("#表单id").ajaxSubmit({}); ...
最新文章
- 使用TestStack.White进行Windows UI的自动化测试 (1) 基础篇
- c++ stl之pirority_queue
- Intel Realsense 如何获取已连接所有摄像头的序列号参数?context() query_devices() size() camera_info device_list
- 【转】log4net使用详解
- 10个调试Java的技巧
- 8.类定义、属性、初始化和析构
- memcached—认识Memcache
- 拓端tecdat|Python中的多项式回归拟合非线性关系实例
- 名字打架小游戏 java_闲暇极品MD5 能用名字打架的小游戏
- python代码混淆工具_Intensio-Obfuscator:一款专业Python代码混淆处理工具
- java毕业设计—— 基于java+JSP+SSH的网上购物系统设计与实现(毕业论文+程序源码)——网上购物系统
- PlaySound的同步播放与异步播放
- 「消息秒回」是一种美德
- 大数据 排错日记0004——Unable to check if JNs are ready for formatting
- 齐河木凡装饰工程有限公司简介
- 黑白照片怎么上色?建议使用这几招
- H5 页面适配几种展现形式
- 《激荡三十年》——来了解我们的时代
- 嵌入式数据库系统Berkeley DB
- nc 刷新时调动风车界面
热门文章
- Web 上构建MDI 应用程序---Prototype Window Class
- C++智能指针shared_ptr使用实例
- 如何选择好的BI系统工具
- 大数据分析技术有什么特点
- 如何建立完整的数据治理体系
- 工业大数据的发展面临哪四大挑战
- 二叉树的遍历实验报告C语言,数据结构-二叉树的遍历(类C语言描写叙述)
- java什么叫用例_BigInteger的.isProbablePrime()的可能用例是什么?
- python中变量怎么使用_python中变量怎么使用
- java 允许魔术变量_PHP超级全局变量、魔术变量和魔术函数汇总整理