button 和 submit 的区别

表单提交中button和submit的区别
submit是button的一个特例，也是button的一种，它把提交这个动作自动集成了，submit和button,二者都以按钮的形式展现,看起来都是按钮，所不同的是type属性和处发响应的事件上。

1、如果表单在点击提交按钮后需要用JS进行处理（包括输入验证）后再提交的话，通常都必须把submit改成button

如果需要使用submit提交前验证的话应在方法前加return

如一个登陆模块，先验证用户名是否为空，如果为空，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"  οnsubmit="return check()"><input type="text" id="name"/><input type="submit" value="提交"/>
</form>

2、submit和button,二者都以按钮的形式展现,看起来都是按钮，所不同的是type属性和处发响应的事件上，submit会提交表单，button不会提交表单.
两者主要区别在于：
submit默认为form提交，可以提交表单（form）.
button则响应用户自定义的事件,如果不指定onclick等事件处理函数，它是不做任何事情.当然，button也可以完成表单提交的工作.
INPUT type=submit 即发送表单,按回车提交表单
INPUT type=button 就是单纯的按钮功能,提交的是innerTEXT

===============submit 和 button的详细对比===================================
submit:特殊的button，会自动将表单的数据提交，onClick方法不加return 会自动提交，并不会起到约束的作用，
所以，使用submit时需要验证请加 return true或false.
例：<input type="submit" name="Submit" value="注册" onClick=" return check();">，在JS中判断的时候写return true; 或者 return false;

button:普通的按钮，不会自动提交表单数据.可以在JS中显式提交:document.form1.submit()，
使用场合：一个页面有多个提交按钮，需要根据用户的操作来确定到底提交到哪个控制器，这种情况下，就需要在JS中判断用户的操作，然后根据操作来给document.form1.action赋值并且document.form1.submit()来提交

===============如果想要所有的提交都在一个servlet中处理，该怎么做==================
提交的按钮也是HTML组件，所以也可以通过 getParameter()来得到，那么getParameter()的参数也需要固定下来

参数就是所有的表单的提交按钮的name，当然提交
按钮的name要一样才能统一在一个servlet中根据提交按钮的值来区别操作

button 和 submit 的区别相关推荐

浅谈html中button和submit的区别
首先从外观上submit和button,二者都以按钮的形式展现,看起来没有区别. 当然在声明上,一个是<input type="button"> 另一个是<inp ...
表单提交中的input、button、submit的区别
参考博文:http://www.cnblogs.com/shytong/p/5087147.html 设置type=submit后,输入控件会变成一个按钮,显示的文字为其value值,默认值是Subm ...
php提交表单时判断 if($_POST[submit])与 if(isset($_POST[submit])) 的区别
if(isset($_POST['submit'])) 它的意思是不是判断是否配置了$_POST['submit'] 这个变量呢?如果有这个变量在执行其它代码应该这样用if(isset($_POS ...
button 和input 的区别及在表单form中的用法
先说一下button 和input的定义: <button> 标签定义的是一个按钮 1.在 <button> 元素内部,您可以放置任何内容,比如文本或图像.这是该元素与使用 & ...
input、buttom的type为submit的区别
总结:input和button 标签都差不多,type=submit时都会被提交,type="button" 是就是单纯的按钮,不会提交数据!只不过button是一个容器空间,可以 ...
js submit onsubmit区别
submit()和onsubmit()的区别表单提交前验证的问题,如果用submit类型的按钮提交的时候是会正常激发onsubmit事件的. 而用一个普通的button按钮代替 submit按钮, ...
execute和submit的区别与联系
execute和submit都属于线程池的方法,execute只能提交Runnable类型的任务,而submit既能提交Runnable类型任务也能提交Callable类型任务. execute会直接 ...
按钮button，submit添加鼠标点击事件
目录 1.直接在按钮处添加onclick属性 2.在表单处添加onsubmit属性 3.操控DOM元素获得组件元素并监听 4.利用jQuery去获得组件元素,使用封装好的click()方法 ...
html中input与button,Html-button和input的区别
一.定义和用法标签定义的是一个按钮 1.在元素内部,您可以放置内容,比如文本或图像.这是该元素与使用元素创建的按钮之间的不同之处: 2. 控件提供了更为强大的功能和更丰富的内容: 3. 与 ...

button 和 submit 的区别

button 和 submit 的区别相关推荐

最新文章

热门文章