JS中type="button"和type="submit"的区别

再看那柔弱的柳树吧,在寒冬余威尚盛时节,就早早苏醒过来,望着冰冻的河面,迎着凛冽的寒风,它微微察觉出一丝春意,于是,不顾一切地率先吐翠,淡淡地披起娇黄嫩绿的新装。沿河望去,枝梢间烟纱雾彀,一片生机,这情景仿佛一首动人的歌,一首热烈向往春天的歌,一首报告春的信息的歌,一首表达美好信念的歌。我在想:既然迎春花被人称作报春花,那么,柳树可不可以叫作报春树呢春来了,万千柳枝在春风中袅袅舞动。柳树是热爱春天的,春天也是热爱柳树的。

  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>来生成按钮,更加灵活,样式更好控制。  

以上所述是小编给大家介绍的JS中type="button"和type="submit"的区别,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

到此这篇关于JS中type="button"和type="submit"的区别就介绍到这了。大学校园色彩单调,却不乏味,虽然每天校园都重复着同一种节奏,但是故事却不尽相同,大学校园承载着莘莘学子心中的梦,也是心中的梦实现的地方。让我们以美妙的青春为圆心,以丰富的知识为半径,在大学校园中画出人生中最完美的一个圆。更多相关JS中type="button"和type="submit"的区别内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
《TypeScript中文入门好代码教程》17、注解

《TypeScript中文入门好代码教程》16、Symbols

《TypeScript中文入门好代码教程》15、可迭代性

《TypeScript中文入门好代码教程》14、输入.d.ts文件

《TypeScript中文入门好代码教程》13、类型兼容性