html的两种提交按钮submit和button

转自:http://baiying.blog.51cto.com/1068039/1319784

html按钮有两种:

<input type="button" value="登录" onclick="login()"/>

和<button onclick="login()">登录</button>

这两种在页面上看起来好像一样没什么区别,但是这两种是有区别的。

1,如果在<form id="loginForm" name="loginForm" action="<%=path%>/hdlogin/login.action" method="post"></form>

标签中,使用<input type="button" value="登录" onclick="login()"/>,要想提交form,

你必须写成<input type="submit" value="登录" onclick="login()"/>,

或者document.loginForm.submit();否则form是不会提交的。

 

2,如果在form中使用<button onclick="login()">登录</button>只要点击就会提交。

<button type="submit" value="登录" onclick="login()"/>。

 

今天在使用<button></button>时,我又在js控制表单提交,结果这个action总是莫名其妙的走两次!

根源就是表单提交了两次,一次是<button></button>,一次是document.loginForm.submit();

这个错误很隐蔽,大家以后要注意。

html的两种提交按钮submit和button,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。