submit和button

来源:互联网 发布:小学生网络征文格式 编辑:程序博客网 时间:2024/05/22 13:24

submit是提交表单用,而button是执行javascript用,两者各有千秋。
如果你学了c#.net,会发现,用到自己写按钮的时候,都是用button,submit很少写。
submit是提交
Button是普通按钮
他两区别是虽然看起来都是按钮,但是sumbit自动触发FORM提交方法
如果你给普通按钮也加上这个方法,也能实现这个功能,不过要自己写方法
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"">
type=button      就单纯是按钮功能  
type=submit      是发送表单

 

原创粉丝点击