Home > Web Front-end > JS Tutorial > js中button与submit的区别

js中button与submit的区别

WBOY
Release: 2016-06-01 09:54:52
Original
1476 people have browsed it

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

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

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

<code class="language-html"><input type="submit" name="b1" value="提交" onclick="bt_submit_onclick()"></code>
Copy after login

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

<code class="language-html"><input type="button" name="b1" value="提交" onclick="bt_submit_onclick()"></code>
Copy after login

 

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template