button的默认type居然是submit

今天使用了html中的button标签,用js写了一点代码来完成onclick实践,当我点下它的时候,它不仅执行了我写的function,还把表单给提交了,一查它的button居然是sumbit。

然后我把自己所有的浏览器都测试了一遍,包括IE 11、Firefox 32、chrome 38,发现这些浏览器button的默认类型都是submit,哎,下次写button时自觉加上type="button"吧,或者使用type是button的input。

时间: 2024-09-27 13:28:11

button的默认type居然是submit的相关文章

html中<button>标签的type

HTML的<button>标签的type主要都三种可选值,reset.submit.button. 其中reset为重置按钮,用于清除form表单的数据:submit为提交按钮,点击后会对form表单做提交操作(除去其他因素):button为单纯按钮类型,一般会对该类型的<button>添加js脚本的点击触发事件. 这里重点要说的是,一般来讲,应该始终为<button>按钮规定 type 属性.但是如果<button>按钮未写明type,不同的浏览器会做不同

form中button未设置type值时点击后提交表单

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getS

QT的默认字体居然是MS Shell Dlg 2

WIN10下的默认字体居然是Segoe UI,造成各Windows版本显示不一致,可以这样修改Windows的默认字体(重启后生效): [HKEY_LOCAL_MACHINE>>SOFTWARE>>Microsoft>>WindowsNT>>CurrentVersion>>FontSubstitutes:Segoe UI = Tahoma] 但是最好还是软件自己指定显示字体,这样才能做到可控,这样设置全局字体: QFont font; font.

百度小程序button去掉默认边框

百度小程序button去掉默认边框: button::after{ border:none; } 原文地址:https://www.cnblogs.com/huanghuali/p/10569760.html

button标签的type=&quot;submit&quot;与type=&quot;button&quot;的区别

自己在做一个ajax的小例子,发现一个诡异的问题,点击页面button,调用ajax发送请求,后台方法可以成功调用,但是前台的ajax回调函数却没有执行,无论success.error.complete都没走,于是我连续快速点击按钮,发现偶尔可以成功调用success回调函数,更诡异的是,页面居然会刷新...... 经过多次对比测试,终于发现问题原因:button的type属性,将type设置为button,问题解决. type="submit",点击按钮会提交表单且刷新页面: typ

&lt;button&gt;和&lt;input type=&quot;button&quot;&gt;区别

1.定义和用法 定义和用法 <button> 标签定义一个按钮. 在 button 元素内部,您可以放置内容,比如文本或图像.这是该元素与使用 input 元素创建的按钮之间的不同之处. <button> <button> 中间可以放:图片.文本等比较丰富的内容.    唯一禁止使用的元素是图像映射,因为它对鼠标和键盘敏感的动作会干扰表单按钮的行为, 请始终为按钮规定 type 属性.Internet Explorer 的默认类型是 "button"

&lt;button&gt;标签的type属性

在aspx页面中,定义了<form>标签.<botton>标签,这时点击button按钮,是提交form表单. 我在项目中,在<botton>标签中定义了onclick事件A,点击该事件能够执行事件中的方法,但如果在其他地方也定义有事件B,每次点击过事件A,发现事件B也会跟着 再次执行. 原因:这是因为在<botton>标签中未加入“type="button"”,因为默认是"submit".Submit提交会触发其他事

&lt;button&gt;和&lt;input type=&quot;button&quot;&gt; 的区别

定义和用法 <button> 标签定义一个按钮. 在 button 元素内部,您可以放置内容,比如文本或图像.这是该元素与使用 input 元素创建的按钮之间的不同之处. <button> 控件 与 <input type="button"> 相比,提供了更为强大的功能和更丰富的内容.<button> 与 </button> 标签之间的所有内容都是按钮的内容,其中包括任何可接受的正文内容,比如文本或多媒体内容.例如,我们可以在

在button中添加 type=&quot;button&quot;和不添加的区别

<button  type="button"  class="btn btn-success" onclick="page.search()">搜索</button> 我在项目中通过按钮搜索的时候  其中一个页面没有给button添加type="button" 时  点击搜索会重新进入页面 后台百度才知道  Internet Explorer 的默认类型是 "button",而其他浏