type="submit" 和type="button"

今天,小菜鸟又遇到一个问题,当不小心在页面输入框回车一下,结果莫名的页面发出了一个请求。

把问题定位在一个button上,代码是这样写的<button class="btn btn-default" ng-click="upload()">确认上传</button>

上网一查,发现button默认的type是submit,为提交按钮,所以会发出一个请求;

我这里不需要submit提交,所以加上type=“button”,完整这行代码改成:<button type=“button” class="btn btn-default" ng-click="upload()">确认上传</button>就好了~

所以,写代码不要图省事,以为它是什么,它就会是什么,一定要规范~

时间: 2024-10-13 08:53:01

type="submit" 和type="button"的相关文章

input[type=&#39;submit&#39;]input[type=&#39;button&#39;]button等按钮在低版本的IE下面,去掉黑色边框的问题

今天做一个tabs效果的时候,发现上面的button在低版本下会出现黑色的边框,很难看,于是我整理了下几个去掉黑色边框的办法: 1.在button的外层嵌套一个div,设置button的border:none; <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <st

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

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

input[type=submit]以及数字日期在苹果手机上显示异常的处理

1.input的背景颜色显示不正常.如图所示: 在手机页面上写了个input的button按钮,但是颜色显示不对,发白,不知道怎么回事,比如下图,本来颜色给的是绿色和蓝色,结果却是这个样子. 解决方法: 在CSS中加上下面的代码即可: input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } 2.阻止苹果手机网页上点击数字可能拨打电

input type=&quot;submit&quot; 和&quot;button&quot;有什么区别?

在一个页面上画一个按钮,有四种办法: <input type="button" /> 这就是一个按钮.如果你不写javascript 的话,按下去什么也不会发生. <input type="submit" /> 这样的按钮用户点击之后会自动提交 form,除非你写了javascript 阻止它. <button> 这个按钮放在 form 中也会点击自动提交,比前两个的优点是按钮的内容不光可以有文字,还可以有图片等多媒体内容.(当然

form表单重复提交,type=“button”和type=“submit”区别

公司测试提了一个项目后台在IE浏览器下(360,firefox就没问题)出现数据重复的问题,调试了好久终于发现问题所在,也不知道是谁写的代码,醉醉的.... 错误地点: <input type="submit" value="提交"  class="btn"  id="formSubmit" onclick="checkForm()"  /> type类型写成submit,而在checkForm

type=button和type=submit

type=button      就单纯是按钮功能   type=submit      是发送表单 但是对于从事WEB UI的人应该要注意到,使用submit来提高页面易用性:使用submit后,页面支持键盘enter键操作,而很多WEB软件设计师,可能没有注意到submit统一. 用button后往往页面不支持enter键了.所以需要支持enter键,必须要设置个submit,默认enter键对页面第一个submit进行操作. <input type="submit" nam

input type=&quot;submit&quot; 和&quot;button&quot;有什么区别

HTML中<input type="submit" /> 和 <input type="button" /> 主要从元素定义类型.点击触发动作两个方面来区别. 一.元素定义类型的区别: 1.<input type="button" /> 定义为一个可点击的按钮. 2.<input type="submit" /> 定义为一个提交按钮.提交按钮会把表单数据发送到服务器. 二.点击触

type=&quot;submit&quot;

1 <?php var_dump($_REQUEST); ?> 2 <form action="" id="javascript_page"> 3 SHOP-ASIN <input type="text" name="shopasin"> 4 <button type="submit" name="whelp2017" value="w

IE6,IE7文档模式下 按钮type=submit在页面打开时会有一条黑线边框的处理方法。(转)

一:按钮border:none:同时使用背景图片来实现border效果. 二:在按钮外面嵌套一层label标签,里面的按钮input[type="submit"]的border:none; label { display:block; padding:0; width:150px; border: #707070 1px solid; cursor: pointer; }