A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© naruto2205 中级黑马   /  2013-12-15 21:24  /  1456 人查看  /  8 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

本帖最后由 naruto2205 于 2013-12-16 21:38 编辑

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

评分

参与人数 1技术分 +1 收起 理由
V_John + 1

查看全部评分

8 个回复

倒序浏览
1. submit是提交按钮,表单填写完毕可以提交,把信息传送到服务器.可以使用value属性來显示按鈕上的文字(点击型) ;
2. button是普通按钮(点击型)。
回复 使用道具 举报
submit是button的特殊用法,相当于是把button定义好提交的功能,主要提交表单
回复 使用道具 举报
一个是按钮 一个是提交表单的
回复 使用道具 举报
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"">

评分

参与人数 1技术分 +1 收起 理由
V_John + 1

查看全部评分

回复 使用道具 举报
本帖最后由 如远行客 于 2013-12-16 16:02 编辑

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

评分

参与人数 1技术分 +1 收起 理由
V_John + 1

查看全部评分

回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马