Html中button按钮和input按钮在form中的不同效果

在web项目中少不了要与html表单打交道，但是button按钮和input按钮在form标签内存在不同的效果。

前提是button和input标签都在<form></form>内；

1. button 按钮点击会触发form中的页面提交（效果是刷新页面），input按钮不会触发页面提交。

2. button按钮点击时不会执行 onclick事件函数，input按钮会执行onclick事件函数。

注意：假如需要button执行事件，不触发页面提交，则需要在form标签中加上 οnsubmit="return false" 属性；假如需要input提交事件，可以在事件中模拟表单提交，也可以设置input标签属性 type="submit" 。