html input中 button和submit的区别
参考引用:http://www.mscto.com/web/2008121720853.html
关键字:html input button submit
type=button 就单纯是按钮功能
type=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()">
执行完onClick,跳转文件在 js文件里控制。提交需要onClick。
比如:
1,onclick="form1.action='a.jsp';form1.submit();" 这样就实现了submit的功能了。
2,<form name="form1" method="post" action="http://www.sina.com.cn">
<input type="button" name="Button" value="Button" onClick="submit()">
</form>
3,<input type="button" name="Button" value="Button" onClick="javascript:windows.location.href="你的url"">
自己的应用实践:
推荐阅读
-
深入浅析HTML5中的article和section的区别
-
详解HTML5中div和section以及article的区别
-
FORM中使用onSubmit="return false"防止表单自动提交,以及submit和button提交表单的区别
-
JS中type="button"和type="submit"的区别
-
Python2 中 input() 和 raw_input() 的区别
-
在jQuery ajax中按钮button和submit的区别分析
-
浅谈html中id和name的区别实例代码
-
的区别">
关于
-
button 和input 的区别及在表单form中的用法
-
html标签属性的id和name的区别