- S笔记
-
input type="submit" 和"button"在功能、是否具备enter键支持和是否需要写javascript来阻止上有所区别:
1、功能不同
submit用在表单内,里面有类似的默认方法封装,普通单击就是提交所在表单。
button是个普通的按钮,如果不写单击等事件,那么这个按钮点击是没有任何反应的,所有事件都需要自己手动写。
2、是否具备enter键的支持
submit使用后,页面支持键盘enter键操作,而很多WEB软件设计师,可能没有注意到submit统一.
button使用后往往页面不支持enter键了。所以需要支持enter键,必须要设置个submit,默认enter键对页面第一个submit进行操作。
3、是否需要写javascript来阻止
button这就是一个按钮。如果你不写javascript 的话,按下去什么也不会发生。
submit这样的按钮用户点击之后会自动提交 form,除非你写了javascript 阻止它。
参考资料:百度百科 submit
百度百科 button
- 可可
-
区别在于:submit会提交表单,而button不会。
一、按钮的区别:
button-普通按钮,submit-提交按钮。
二、提交的区别:
submit按钮一般出现在网页上需要提交信息到服务器是才使用,而button按钮是创建一个按钮,对于实现按钮将会发生什么事这个不一定,考页面编辑人员决定。
例如在同一天网页表单上,用户输入时可能输入错误或是偏差,则可以在网页上创建一个button-清除(重置)按钮,一张表单可以有多个普通按钮,且至少有一个提交按钮(需提交表单网页)。
扩展资料:
Sumit提交表单,Button是否需要绑定事件才可以用提交数据?
不可以的,比如说你想实现局部刷新,就不能用Sumit了,用Button绑定事件就好了,如果用Sumit绑定事件的话,在触发事件的同事,也会提交表单的。
submit需要有表单时,提交时才会带数据。而button默认是不提交任何数据。那么它们的区别就出来了,如果没有表单的话,又想通过提交某些数据给后台进行回应,则需要通过button,当然使用submit也可以,但是前提要拦截onclick事件。
当有表单的时候,如果提交的数据很多,那么使用submit比button要好,可以减少很多数据的获取动作。
在很多情况下,提交数据是要使用js进行校验的,但如果这时候用户禁用了js,那么校验就失效了,如果后台也没有进行校验,那么不合法的数据就进入后台了。
通常的做法是通过button提交数据,那么如果用户禁用JS,那么数据提交动作就激活不了,这样能够保证提交到后台的数据是经过前台校验的。
参考资料来源:百度百科-submit
百度百科-button
- 蓓蓓
-
在一个页面上画一个按钮,有四种办法:
<input type="button" /> 这就是一个按钮。如果你不写javascript 的话,按下去什么也不会发生。
<input type="submit" /> 这样的按钮用户点击之后会自动提交 form,除非你写了javascript 阻止它。
<button> 这个按钮放在 form 中也会点击自动提交,比前两个的优点是按钮的内容不光可以有文字,还可以有图片等多媒体内容。(当然,前两个用图片背景也可以做到)。它的缺点是不同的浏览器得到的 value 值不同;可能还有其他的浏览器兼容问题(葛亮)。
其他标签,例如 a, img, span, div,然后用图片把它伪装成一个按钮。
- Chen
-
定义和用法
<button> 标签定义一个按钮。
在 button 元素内部,您可以放置内容,比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。
<button> 控件 与 <input type="button"> 相比,提供了更为强大的功能和更丰富的内容。<button> 与 </button> 标签之间的所有内容都是按钮的内容,其中包括任何可接受的正文内容,比如文本或多媒体内容。例如,我们可以在按钮中包括一个图像和相关的文本,用它们在按钮中创建一个吸引人的标记图像。
唯一禁止使用的元素是图像映射,因为它对鼠标和键盘敏感的动作会干扰表单按钮的行为。
请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button",而其他浏览器中(包括 W3C 规范)的默认值是 "submit"。
浏览器支持
所有主流浏览器都支持 <button> 标签。
重要事项:如果在 HTML 表单中使用 button 元素,不同的浏览器会提交不同的值。Internet Explorer 将提交 <button> 与 <button/> 之间的文本,而其他浏览器将提交 value 属性的内容。请在 HTML 表单中使用 input 元素来创建按钮。
- 可乐
-
Submit是专门用于提交表单的Button,与Button的区别主要有两点:
type=button 就单纯是按钮功能
type=submit 是发送表单
(1)Submit将表单提交(form.submit())作为其onclick后的默认事件,Button并非如此
(2)表单提交时,所有具有name属性的html输入元素(包括input标签、button标签、select标签等)都将作为键值对提交,除了Submit对象。Submit对象只有在自己被单击后的提交中才会作为键值对被提交。
但是对于从事WEB UI的人应该要注意到,使用submit来提高页面易用性:
使用submit后,页面支持键盘enter键操作,而很多WEB软件设计师,可能没有注意到submit统一.
用button后往往页面不支持enter键了。所以需要支持enter键,必须要设置个submit,默认enter键对页面第一个submit进行操作。
执行完onClick,转到action。可以自动提交不需要onClick。所以说onclick这里可以不要。
执行完onClick,跳转文件在 js文件里控制。提交需要onClick。
比如:
1,onclick="form1.action="a.jsp";form1.submit();" 这样就实现了submit的功能了。
讲白一些,就是submit会有一个跳转,页面会刷新;而button不会刷新,就是一个button;可以用来生成按钮,更加灵活,样式更好控制。
- wio
-
* 回复内容中包含的链接未经审核,可能存在风险,暂不予完整展示!Submit是专门用于提交表单的Button,与Button的区别主要有两点:
type=button 就单纯是按钮功能
type=submit 是发送表单
(1)Submit将表单提交(form.submit())作为其onclick后的默认事件,Button并非如此
(2)表单提交时,所有具有name属性的html输入元素(包括input标签、button标签、select标签等)都将作为键值对提交,除了Submit对象。Submit对象只有在自己被单击后的提交中才会作为键值对被提交。
但是对于从事WEB UI的人应该要注意到,使用submit来提高页面易用性:
使用submit后,页面支持键盘enter键操作,而很多WEB软件设计师,可能没有注意到submit统一.
用button后往往页面不支持enter键了。所以需要支持enter键,必须要设置个submit,默认enter键对页面第一个submit进行操作。
执行完onClick,转到action。可以自动提交不需要onClick。所以说onclick这里可以不要。
执行完onClick,跳转文件在 js文件里控制。提交需要onClick。
比如:
1,onclick="form1.action="a.jsp";form1.submit();" 这样就实现了submit的功能了。
讲白一些,就是submit会有一个跳转,页面会刷新;而button不会刷新,就是一个button;可以用<button type="submit/button/reset"></button>来生成按钮,更加灵活,样式更好控制。
引用自:http://luoxiaobo2011-163-com.i***.com/blog/1331974
- meira
-
type = "submit" 用在表单内,里面有类似的默认方法封装,普通单击就是提交所在表单
type = "button" 就是说这个是个普通的按钮,如果不写单击等事件,那么这个按钮点击是没有任何反应的,所有事件都需要自己手动写
- 真可
-
submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上,submit会提交表单,button不会提交表单。
submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了。
主要区别:
submit默认为form提交,可以提交表单(form).
button则响应用户自定义的事件,如果不指定onclick等事件处理函数,它是不做任何事情.当然,button也可以完成表单提交的工作. INPUT type=submit 即发送表单,按回车提交表单
- 里论外几
-
button 是普通的按钮, 需要给他添加javascript脚本代码才能实现具体的功能。
submit是提交按钮,默认点击后会自动提交form表单中的数据给后台进行处理
- max笔记
-
谁能告诉我JS和按钮 提交表单有什么区别?
答:区别不大,如果直接用<input type="submit" name="button">这就是一个内置的用于提交表单的按钮,我们一般用这样按钮会很方便的,但是它有个特点是它提交表单的时候是不能经过表单的验证的(用js可以帮它验证)。而js来提交表单
<input name="button" id="tijiao" type="button" value="提交" onclick="XXX()"> 这里的type="button",就是普通的按钮而已,它要实现提交表单的功能则必须用到js来实现,那么xxx()就是帮它实现的js函数了。在xxx()中document.form7.submit(); 可以得到只等表单的提交,这里的表单是form7进行提交,其实form7也就是当前的表单了,因为name="form7"
- 苏萦
-
submit 会自动提交所在表单
button 要自己写事件处理来提交表单
- 左迁
-
html中submit和button二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上,submit会提交表单,button不会提交表单。
submit和button两者主要区别在于:
1、submit默认为form提交,可以提交表单(form)。submit其实是button的一个特例,也是button的一种,它把提交这个动作自动集成了。
2、button作为普通的按钮则响应用户自定义的事件,如果不指定onclick等事件处理函数,它是不做任何事情,不会自动提交表单数据。当然,button也可以通过JS代码完成表单提交的工作。比如: onclick="document.form1.submit()"。
3、如果表单在点击提交按钮后需要用JS进行处理(包括输入验证)后再提交的话,通常都必须把submit改成button,即取消其自动提交的行为,否则,将会造成提交两次的效果,对于动态网页来说,也就是对数据库操作两次。或者在使用submit时验证时加return true或false。