黑马程序员技术交流社区

标题: html中button和submit的区别 [打印本页]

---

作者: naruto2205    时间: 2013-12-15 21:24
标题: html中button和submit的区别


在html中<input type="button" />和<input type="submit"/>在使用中的相同点与不同点

---

作者: 许庭洲    时间: 2013-12-15 21:57
1. submit是提交按钮，表单填写完毕可以提交,把信息传送到服务器.可以使用value属性來显示按鈕上的文字(点击型) ；
2. button是普通按钮(点击型)。

---

作者: 李明贵    时间: 2013-12-15 22:07
submit是button的特殊用法，相当于是把button定义好提交的功能，主要提交表单

---

作者: 冰点契约    时间: 2013-12-15 22:07
一个是按钮 一个是提交表单的

---

作者: 鸡蛋壳    时间: 2013-12-16 00:28
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"">

---

作者: 如远行客    时间: 2013-12-16 16:01


button只是普普通通的按钮，没什么特殊的功能，它的触发事件需自己去定义。
submit是提交表单中的数据的按钮，点击它就会将调单中的数据提交到服务器。

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2