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,如需转载请自行联系原作者
目录
相关文章
HTML+VUE+element-ui通过点击不同按钮展现不同页面
HTML+VUE+element-ui通过点击不同按钮展现不同页面
159 1
|
2月前
|
前端开发
Twaver-HTML5基础学习(28)工具条(添加自定义按钮_自定义事件)
这篇文章介绍了如何在Twaver-HTML5中创建工具条,添加自定义按钮,并绑定自定义事件,包括放大、缩小、占满屏幕和重置画布大小的功能。
50 11
|
2月前
|
JavaScript 前端开发
HTML 表单和输入与按钮的联动方法汇总
在HTML中,通过JavaScript可以轻松实现表单与输入、按钮的互动。本文介绍了基本表单结构,并展示了如何用JS处理按钮点击、表单提交、动态禁用按钮、表单验证以及使用AJAX和jQuery简化代码等技巧,帮助你更好地控制和优化表单功能。
|
5月前
|
前端开发
css html 渐变按钮
css html 渐变按钮
28 0
|
6月前
|
前端开发
HTML按钮边框旋转效果
HTML按钮边框旋转效果
|
前端开发
HTML + CSS各种好看按钮组件
HTML + CSS各种好看按钮组件
HTML中<button />和<input type=“button“/>的区别
HTML中<button />和<input type=“button“/>的区别
109 0
|
前端开发 Linux 程序员
「HTML+CSS」--自定义按钮样式【004】
「HTML+CSS」--自定义按钮样式【004】
505 0
「HTML+CSS」--自定义按钮样式【004】
|
前端开发 Linux 程序员
「HTML+CSS」--自定义按钮样式【002】
「HTML+CSS」--自定义按钮样式【002】
116 0
「HTML+CSS」--自定义按钮样式【002】
|
移动开发 前端开发 JavaScript
仅使用HTML和CSS的亮暗模式按钮切换
建立仅html和css的亮暗模式切换的快速指南。文章末尾给出了完整代码
193 0

热门文章

最新文章