js中button与submit的区别

时间:2015-12-20
button和submit在我们进行网站开发中会经常使用到,特别是在有表单form的页面中更是经常使用,button和submit这二者之间有什么区别呢?本文章将向大家讲解二者之间的区别。

button仅仅是一个按钮,默认情况下,button不会做任何事情,只有当给button绑定某些js事件时,button才会发挥作用。

submit可以用于提交form表单,而且提交表单的功能是submit”与生俱来“的,除非我们使用某些js代码来阻止submit提交表单的功能。

但是对于从事WEB UI的人应该要注意到,使用submit来提高页面易用性:
使用submit后,页面支持键盘enter键操作,而很多WEB软件设计师,可能没有注意到submit统一。
用button后往往页面不支持enter键了。所以需要支持enter键,必须要设置个submit,默认enter键对页面第一个submit进行操作。

<input type="submit" name="b1" value="提交" onClick="bt_submit_onclick()">

执行完onClick,转到action。可以自动提交不需要onClick。所以说onclick这里可以不要。

<input type="button" name="b1" value="提交" onClick="bt_submit_onclick()">