html的两种提交按钮submit和button

简介:

html按钮有两种:

<input type="button" value="登录" onclick="login()"/>

和<button onclick="login()">登录</button>

这两种在页面上看起来好像一样没什么区别,但是这两种是有区别的。

1,如果在<form id="loginForm" name="loginForm" action="<%=path%>/hdlogin/login.action" method="post"></form>

标签中,使用<input type="button" value="登录" onclick="login()"/>,要想提交form,

你必须写成<input type="submit" value="登录" onclick="login()"/>,

或者document.loginForm.submit();否则form是不会提交的。

2,如果在form中使用<button onclick="login()">登录</button>只要点击就会提交。

<button type="submit" value="登录" onclick="login()"/>。

今天在使用<button></button>时,我又在js控制表单提交,结果这个action总是莫名其妙的走两次!

根源就是表单提交了两次,一次是<button></button>,一次是document.loginForm.submit();

这个错误很隐蔽,大家以后要注意。





本文转自 baiying 51CTO博客,原文链接:http://blog.51cto.com/baiying/1319784,如需转载请自行联系原作者
目录
相关文章
|
5月前
HTML+VUE+element-ui通过点击不同按钮展现不同页面
HTML+VUE+element-ui通过点击不同按钮展现不同页面
82 1
|
4月前
|
前端开发
HTML按钮边框旋转效果
HTML按钮边框旋转效果
|
5月前
|
前端开发
HTML + CSS各种好看按钮组件
HTML + CSS各种好看按钮组件
|
9月前
HTML中<button />和<input type=“button“/>的区别
HTML中<button />和<input type=“button“/>的区别
52 0
|
12月前
|
移动开发 前端开发 JavaScript
仅使用HTML和CSS的亮暗模式按钮切换
建立仅html和css的亮暗模式切换的快速指南。文章末尾给出了完整代码
144 0
|
前端开发 Linux 程序员
「HTML+CSS」--自定义按钮样式【002】
「HTML+CSS」--自定义按钮样式【002】
84 0
「HTML+CSS」--自定义按钮样式【002】
|
前端开发
【前端异常】html页面中的button按钮会自动提交form表单的问题以及解决方案
有时候我们可能需要在表单中放置多个按钮,比如表单页面常见的按钮有创建和取消。点击创建按钮会触发单击响应事件,在单击响应事件中进行提交表单,这没有任何问题。点击取消按钮的时候,触发对应的单击响应事件,这个单击响应事件中主要处理关闭表单页面逻辑,所以会关闭页面,这也正常。但是!打开控制台监听请求会发现,它也会提交表单。
520 0
【前端异常】html页面中的button按钮会自动提交form表单的问题以及解决方案
|
移动开发 安全 数据可视化
HTML的笔记及展示(2)(表单元素、input元素、label、button以及HTML5新增的一些元素)
HTML的笔记及展示(2)(表单元素、input元素、label、button以及HTML5新增的一些元素)
177 0
HTML的笔记及展示(2)(表单元素、input元素、label、button以及HTML5新增的一些元素)
HTML_表单的介绍&提交按钮
HTML_表单的介绍&提交按钮
128 0
零基础HTML入门教程(19)——表单按钮和文本域
本小结我们学习一下表单里面的按钮和文本框,我们网络中文本域和按钮,已经是很常见了,我们现在学习一下这些内容。*代码如下 效果如下 代码如下 效果如下 我们这一小节学习了,按钮和文本域,我们学到这里大致把html常用的标签全部讲完了我们课下一定多多练习熟练掌握。
零基础HTML入门教程(19)——表单按钮和文本域