button type啥意思

2024-09-03

IE 中的 button type默认值问题

今天遇到一个问题. 将项目页面的渲染模式从 IE7 改为 IE10 后(<meta http-equiv="X-UA-Compatible" content="IE=10" />),发现表单中的“重置”按钮把表单提交了. <button onclick="clearContent()">重置</button> 上网查询了一下原因原来是IE不同版本中对 button 元素的 type 属性的默认值设置是不同的.

{"errcode":40017,"errmsg":"invalid button type hint: [I8nq_a0783sha1]"}

在开发微信公众号添加菜单时遇到问题一直提示:{"errcode":40017,"errmsg":"invalid button type hint: [I8nq_a0783sha1]"} 原因是:各个Button类中,属性type没有对应getType()方法,导致在生成的json字符串中就没有type {"button":[{"name":"点击","key":

button type=“submit”

写js遇到任何怪异的行为一定要先看看是不是submit搞的鬼. 函数内部最后总是返回 return false; 也是一个好的习惯

html中button的type属性

接触web开发不久,今天遇到了一个问题,点击button按钮,浏览器没有反应,尝试了自己可以想到的所有办法,还是无果.只得请教他人,才发现是button的type属性搞得怪,原来: 1)<button type="submit">为form提交,可以向服务器提交表单(form). 2)<button type="button">响应用户自定义的事件,如果不指定onclick等事件处理函数,它是不做任何事情.

为什么要在<button>元素中添加type属性

在HTML中<button> 标签定义一个按钮. <button type="button">Click Me!</button> 在 button 元素内部,您可以放置内容,比如文本或图像.这是该元素与使用 input 元素创建的按钮之间的不同之处. <input type="button" value="Click Me!"> button既然定义了一个按钮,那么为什么还要为其添加type属性呢

button,input type=button按钮在IE和w3c，firefox浏览器区别

在项目中遇到一个问题,是关于点击button按钮会自动刷新的问题.查阅了资料,做以下的整理: button,input type=button按钮在IE和w3c,firefox浏览器区别如下:当在IE浏览器下面时,button标签按钮,input标签type属性为button的按钮是一样的功能,不会对表单进行任何操作.但是在W3C浏览器,如Firefox下就需要注意了,button标签按钮会提交表单,而input标签type属性为button不会对表单进行任何操作. 如下,点击按钮1,页面会自动

from中buttone 和 input type="button" 区别

在做一个表单提交时碰到的问题, 1.js判断阻止表单提交,如果是form 里面的button的话,恭喜你,你要再换个写法了.<button type="submit" ....></button> 要改写为 <input type="button" onclick="submit()">,当然onclick函数自己写,各种判断在这个函数submit中实现. 2.form表单中的button效果相当于<in

[html]点击button后画面被刷新原因：未设置type="button"

一.问题原因解析: 在form表单里的button, type 属性未设置的情况下,Internet Explorer 的默认类型是 "button",而其他浏览器中(包括 W3C 规范)的默认值是 "submit: <form action="form_action.asp" method="get"> First name: <input type="text" name="fname

type="submit" 和type="button"

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

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

asp.net中<input type=button>无法调用后台函数

例如:用<input id="bt1" type="button" runat="server" Onclick="btnLogin_Click"/>添加一个按钮(注:不是从工具箱拖进去的控件)在default.aspx.cs中有个btnLogin_Click()方法,但是按钮bt1无法实现delete功能. 解决方案:把onclick改成OnServerClick. onclick,onclientclick和o

form 表单<input type="button" value="登录" onclick="loginSubmit ()"/> 点击提示 Uncaught TypeError: loginSubmit is not a function

在网上搜了一堆东东,仔细看了一下,再加上实验,发现原因出在<form>中. <form method="post"> <button type="button" class="signin" id="loginNewSubmit" onClick="javascript:loginSubmit('new');">登录</button> form 中使用 but

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

今天在对表单的项目进行删除时出现了问题,原因就出现在点击input按钮时,这个input属性是type='button'还是type='submit'. 代码大致如下: <script type="text/javascript"> //获得选中文件的文件名 function GetCheckfolderItem() { var allSel = ''; if (document.form1.deleteid.value) //如果document.form1.delete

微信小程序官方文档中表单组建button部分有关function(type)中type的个人理解

官方文档关于button组件的简介 xml页面挺容易理解,但js部分起初对整体写的形式都不太理解,随着逐渐阅读代码基本理解了 xml页面代码: <button type="default" size="{{defaultSize}}" loading="{{loading}}" plain="{{plain}}" disabled="{{disabled}}" bindtap="defaul

input type='file'上传控件假样式

采用bootstrap框架样式 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title

上传文件隐藏input type="file",用text显示

<div> <span>上传文件:</span> <input type="file" id="upload_file" style="display: none;" onchange="change();"> <input type="text" id="upload_file_tmp" readonly="readonl

表单提交按钮input和button、a的差异

现在普遍的在网页中,表单提交数据的按钮最常见实用有三种,一种是input,一种是button,最后一种,是其他如a标签,div标签,span标签代替而来.在以前的日子里,大家都习惯于用input,因为他直接拥有type=submit,而button没有,它更适合于表达 button.然而... 首先我们说说:input标签:这个最常见了,不多说:当type="submit"时,提交表单数据! button标签:经过测试:在<IE8浏览器,button的默认type="b

css实现当鼠标移到input的时候，input框出现阴影，当移动到button的时候，input框的阴影消失，button框出现阴影

jqurey datatable tableTools 自定义button元素以及按钮自事件

版本 1.10.4 "dom": 'T<"clear">lfrtip', "tableTools": { //"sSwfPath": "~/Resources/Scripts/plugins/DataTables/swf/copy_csv_xls_pdf.swf" "sRowSelect": "multi", "aButtons": [

<button> 标签 id 与 function 重复时发生的问题

今天遇到一种情况,在调用js自定义方法的时候,总是提示“import:660 Uncaught TypeError: ... is not a function”. 仔细检查了代码,并没有问题.甚至把方法提全部删除,都不行. 最后发现我的button标签id属性与function名字重复.发现重复之后,我记得使用button标签是,可以直接用id属性表示这个标签元素,都不需要使用$("#...")Jquery 选择器. 这时候,明白了使用button标签,会根据id自动创建变量,由于我

button type啥意思

热门专题