HTML中，按钮button与submit区别是什么？
html中button只是一个按钮的样式，默认没有提交表单的功能，而submit是表单的提交属性，可以实现将所在表单的数据进行的提交。
工具原料：编辑器、浏览器
一、button按钮
1、使用button设置一个按钮样式
<html>
<body>
<button type="button">Click Me!</button>
</body>
</html>
2、运行的结果如下
二、submit提交
1、使用submit进行表单的提交，代码如下：
<form action="form_action.asp" method="get">
<p>First name: <input type="text" name="fname" /></p>
<p>Last name: <input type="text" name="lname" /></p>
<input type="submit" value="Submit" />
</form>
2、结果是点击提交按钮会将表单的值提交到制定的后台地址。
区别在于：submit会提交表单，而button不会。
一、按钮的区别：
button-普通按钮，submit-提交按钮。
二、提交的区别：
submit按钮一般出现在网页上需要提交信息到服务器是才使用，而button按钮是创建一个按钮，对于实现按钮将会发生什么事这个不一定，考页面编辑人员决定。
例如在同一天网页表单上，用户输入时可能输入错误或是偏差，则可以在网页上创建一个button-清除（重置）按钮，一张表单可以有多个普通按钮，且至少有一个提交按钮（需提交表单网页）。
扩展资料：
Sumit提交表单，Button是否需要绑定事件才可以用提交数据？
不可以的，比如说你想实现局部刷新，就不能用Sumit了，用Button绑定事件就好了，如果用Sumit绑定事件的话，在触发事件的同事，也会提交表单的。
submit需要有表单时，提交时才会带数据。而button默认是不提交任何数据。那么它们的区别就出来了，如果没有表单的话，又想通过提交某些数据给后台进行回应，则需要通过button，当然使用submit也可以，但是前提要拦截onclick事件。
当有表单的时候，如果提交的数据很多，那么使用submit比button要好，可以减少很多数据的获取动作。
在很多情况下，提交数据是要使用js进行校验的，但如果这时候用户禁用了js，那么校验就失效了，如果后台也没有进行校验，那么不合法的数据就进入后台了。
通常的做法是通过button提交数据，那么如果用户禁用JS，那么数据提交动作就激活不了，这样能够保证提交到后台的数据是经过前台校验的。
参考资料来源：百度百科-submit
HTML中<input type="submit" /> 和 <input type="button" /> 区别为元素定义类型、点击触发动作、功能、enter键的支持、写javascript来阻止等不同。
一、元素定义类型的区别：
1、<input type="button" /> 定义为一个可点击的按钮。
2、<input type="submit" /> 定义为一个提交按钮。提交按钮会把表单数据发送到服务器。
二、点击触发动作的区别：
1、<input type="button" /> 如果没有添加onclick事件的监听，点击时没有任何反应。
2、<input type="submit" /> 默认情况下，点击后会执行提交form表单的动作。
三、功能不同：
Submit在表单中使用，它具有类似的默认方法封装。一个常见的点击是提交表单。
按钮是常用的按钮。如果不编写click之类的事件，则此按钮click将没有响应。所有事件都需要手动写入。
四、是否具备enter键的支持：
使用提交后，页面支持键盘输入键的操作。然而，许多web软件设计者可能不注意提交的统一性
使用按钮时，页面通常不支持回车键。所以你需要支持回车键。必须设置提交。默认的回车键在页面上的第一次提交时操作。
五、是否需要写javascript来阻止：
button这就是一个按钮。如果你不写javascript的话，按下去什么也不会发生。
submit这样的按钮用户点击之后会自动提交form，除非你写了javascript阻止它。
|
广告 您可能关注的内容 |
