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

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 明光照 中级黑马   /  2012-9-24 19:09  /  1980 人查看  /  6 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

在网页中提交内容,可以将提交按钮定义为button和sumbit,这两种方式有什么区别

评分

参与人数 1技术分 +1 收起 理由
宋天琪 + 1

查看全部评分

6 个回复

倒序浏览
个人理解:
button是普通按钮,执行javascript用
submit是提交Form表单中包含的所有具有name属性的标签的内容,具体提交到哪由Form的action属性决定

评分

参与人数 1技术分 +1 收起 理由
宋天琪 + 1

查看全部评分

回复 使用道具 举报
我觉得没什么实质上面的区别,如果需要,完全可以将button当submit用,submit当button用...
回复 使用道具 举报
可是为什么有的时候提交用button没用呢
回复 使用道具 举报
明光照 发表于 2012-9-24 19:25
可是为什么有的时候提交用button没用呢

在button的click事件响应函数中调用Form的submit()方法就可以了啊...
回复 使用道具 举报
button-普通按钮,submit-提交按钮;submit按钮一般出现在网页上需要提交信息到服务器是才使用,而button按钮是创建一个按钮,对于实现按钮将会发生什么事这个不一定,考页面编辑人员决定,例如在同一天网页表单上,用户输入时可能输入错误或是偏差,则可以在网页上创建一个button-清除(重置)按钮,一张表单可以有多个普通按钮,且至少有一个提交按钮(需提交表单网页)。

评分

参与人数 1技术分 +1 收起 理由
宋天琪 + 1

查看全部评分

回复 使用道具 举报
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。
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马