黑马程序员技术交流社区

标题: 网面页提交 [打印本页]

作者: 明光照    时间: 2012-9-24 19:09
标题: 网面页提交
在网页中提交内容,可以将提交按钮定义为button和sumbit,这两种方式有什么区别
作者: 杨进    时间: 2012-9-24 19:19
个人理解:
button是普通按钮,执行javascript用
submit是提交Form表单中包含的所有具有name属性的标签的内容,具体提交到哪由Form的action属性决定
作者: iamheima    时间: 2012-9-24 19:21
我觉得没什么实质上面的区别,如果需要,完全可以将button当submit用,submit当button用...
作者: 明光照    时间: 2012-9-24 19:25
可是为什么有的时候提交用button没用呢
作者: iamheima    时间: 2012-9-24 19:30
明光照 发表于 2012-9-24 19:25
可是为什么有的时候提交用button没用呢

在button的click事件响应函数中调用Form的submit()方法就可以了啊...

作者: 狄琛林    时间: 2012-9-24 19:44
button-普通按钮,submit-提交按钮;submit按钮一般出现在网页上需要提交信息到服务器是才使用,而button按钮是创建一个按钮,对于实现按钮将会发生什么事这个不一定,考页面编辑人员决定,例如在同一天网页表单上,用户输入时可能输入错误或是偏差,则可以在网页上创建一个button-清除(重置)按钮,一张表单可以有多个普通按钮,且至少有一个提交按钮(需提交表单网页)。
作者: 侍小波    时间: 2012-9-25 16:27
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。




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