form里的button 默认type=submit

2024-09-05

表单里的button默认是submit类型

今天很坑爹,周六一大早加班开始码代码,本来想做数据加密测试,于是乎用tp框架搭建了一个应用环境,二话不说,开始码码. 但,今天一大早就栽坑!直到同事喊吃饭还在坑里出不来!吃完饭继续码,最后码的我想哭o(╥﹏╥)o 我发现,只要是我在加上了<form>标签,我的button绑定的ajax就提交失败,我的button明明没有标记“type=submit”为毛感觉每次ajax提交失败,但页面却莫名奇妙的被刷新!!! 毁三观场面描述如下: 去掉form,点击button,ajax提交成功,顺利执行了a

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

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

form中的button默认提交事件

<form action=""> <input autocomplete="off" type="text" name="" id="m"> <button>Send</button> </form> 在form中的button默认的时候点击时间会执行form的提交事件(相当于默认为submit类型) 如果需要阻止它: <form actio

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

type=＂button＂ ,＂submit＂的区别(转) Submit是专门用于提交表单的Button,与Button的区别主要有两点: type=button 就单纯是按钮功能 type=submit 是发送表单 (1)Submit将表单提交(form.submit())作为其onclick后的默认事件,Button并非如此 (2)表单提交时,所有具有name属性的html输入元素(包括input标签.button标签.select标签等)都将作为键值对提交,除了Submit对象.Su

button 默认类型是submit

“form表单里的按钮,明明是button而不是input type = submit,点击还是提交,如何让它不提交?” (这个问题被我遇到了,很坑爹的,知道了就不以为然了.) 因为 button 默认类型是submit,所以如果想让不提交,显示的指定类型,type=“button”就解决了. button默认是submit,所以很多情况下点击按钮虽然啥都没写会导致页面刷新,要想利用一个button,必须使其type="button",否则会导致页面刷新.(在用button标签的时候首

<input type="button" /> 和<input type="submit" /> 的区别

<input type="button" /> 这就是一个按钮.如果你不写javascript 的话,按下去什么也不会发生.<input type="submit" /> 这样的按钮用户点击之后会自动提交 form,除非你写了javascript 阻止它. 当表单使用ajax提交表单时,不可使用<input type="submit" />,应该使用<input type="button&quo

input type="submit" 和"button"有什么区别

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

网站开发进阶(四十四)input type="submit" 和"button"的区别

网站开发进阶(四十四)input type="submit" 和"button"的区别在一个页面上画一个按钮,有四种办法: 这就是一个按钮.如果你不写javascript 的话,按下去什么也不会发生. 这样的按钮用户点击之后会自动提交 form,除非你写了javascript 阻止它. 这个按钮放在 form 中也会点击自动提交,比前两个的优点是按钮的内容不光可以有文字,还可以有图片等多媒体内容.(当然,前两个用图片背景也可以做到).它的缺点是不同的浏览器得到

input type="submit" 和"button"有什么区别？

http://www.zhihu.com/question/20839977 在一个页面上画一个按钮,有四种办法: <input type="button" /> 这就是一个按钮.如果你不写javascript 的话,按下去什么也不会发生. <input type="submit" /> 这样的按钮用户点击之后会自动提交 form,除非你写了javascript 阻止它. <button> 这个按钮放在 form 中也会点击自动提

form里两个submit按钮，在onsubmit中判断哪个被点

记下别人的解决方法(有效): 方法1:(已验证过) <form name="form1" onsubmit="show()"> ..... <input type="submit" name="submit" id="submit" value="添加"> <input type="submit" name="submit&qu

type="submit" 和type="button"

今天,小菜鸟又遇到一个问题,当不小心在页面输入框回车一下,结果莫名的页面发出了一个请求. 把问题定位在一个button上,代码是这样写的<button class="btn btn-default" ng-click="upload()">确认上传</button> 上网一查,发现button默认的type是submit,为提交按钮,所以会发出一个请求: 我这里不需要submit提交,所以加上type=“button”,完整这行代码改成:&l

<input type = "submit"> 提交方式和用js的form.submit()有什么区别？

假设: A表单内有<input type="submit">,通过点击这个input来提交表单 B表单内没有<input type="submit">,而是写了一个<input type="button">,并且在这个input上绑定了click事件,在事件的监听器内用js的form.submit()提交. 1.在A表单内的某个input type=text,用户正与它交互(它是当前焦点),用户只需要按一下键盘

input[type='submit']input[type='button']button等按钮在低版本的IE下面，去掉黑色边框的问题

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

form表单提交 type="submit"

<form action="" method="post" onsubmit="return validte()"> <div class="regist-top"> <ul class="regist-form"> <li><label for="">姓名</label><input type="

form表单里的button调用js函数

近来发现一个特别奇怪的问题:在form表单里,button的onclick事件无法调用js函数.代码如下(这段代码放在form标签里): dropUpdateAddress调用的js函数为: 这个时候,“放弃修改”这个button是无法调用该js函数的.知道为什么吗?本人感觉很奇怪的答案:因为这个button有id这个属性.当我把id属性去掉后,js函数就可以执行了.

form里面的action和method（post和get的方法）使用

一.form里面的action和method的post使用方法 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="formsubmitpost.aspx.cs" Inherits="formsubmitpost" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xh

html5 填表表单 form label input button legend fieldset

<form>本身没有什么意义, 但是某些依赖form的标签元素一旦没有了form就不能生效. 所以form是提供一个定义环境给form的插件元素去生效的. 1.method 属性post一般用表单提交, 而get 一般用超链接提交. 如果用post提交百度就会出错.或者返回的链接不会带有?user= <form method="post" action="http://www.baidu.com"> <input name=

关于form表单中button按钮自动提交问题

坑:点击确认按钮,form表单提交2次,发送后台2次请求 //错误代码: <Button id="btnSubmit" name="btnSubmit" class="btn btn-primary" >确认</Button> $("#btnSubmit").click(function(){ $('#formSave').ajaxSubmit(function(data) { if(data.code

django django中的HTML控件及参数传递方法以及 HTML form 里的数据是怎么被包成http request 的？如何在浏览器里查看到这些数据？

https://www.jb51.net/article/136738.htm django中的HTML控件及参数传递方法下面小编就为大家分享一篇django中的HTML控件及参数传递方法,具有很好的参考价值,希望对大家有所帮助.一起跟随小编过来看看吧本文对djangoHTML的表单控件中的单选及多选进行介绍,并说明如何进行参数传递. 1.HTML中的表单控件: 在HTML中表单的书写一般为: ? 1 2 3 4 5 6 7 8 <form method="post" act

.net core 3.0web_razor page项目_使用中间件接受大文件上传报错_httpRequest.Form threw an exception of type Microsoft.AspNetCore.Server.Kestrel.Core.BadHttpRequestException_Request body too large

前言:在web项目的.net framework时文件上传时,自己常用一般处理程序接受上传文件,上传文件的大小限制是可以项目的webconfig里配置. 到core项目使用一般处理程序变成了中间件,但是使用中间件接受的时候,就遇到了上传大文件时,抛出的异常: httpRequest.Form threw an exception of type Microsoft.AspNetCore.Server.Kestrel.Core.BadHttpRequestException : Request

form里的button 默认type=submit

热门专题