button默认行为

理解button标签的默认行为

button标签的作用和它的名字一样,在绝大多数场合当做按钮来使用. 很多人在使用button按钮的时候出现过这样或者那样的问题,比如:自动提交表单.一次提交表单多次submit行为,有的浏览器下点击button按钮提交表单有的无任何反应.理解它的默认行为会帮助我们从原理上分析问题,解决问题. 一.button按钮的type属性 button按钮的type属性有三种:submit.button.reset. 如果form内的button按钮有type=submit属性则,按钮会有默认的提交行为,

form中的button默认提交事件

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

移动端去掉按钮button默认样式

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible"

button 默认类型是submit

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

表单里的button默认是submit类型

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

css中 input的button默认原始的样子

以往我们写css时,让一行文字垂直居中. 会设置line-height等于height比如: 当我把这个原理放在button上时会是这个样子的. 以下都是火狐浏览器环境有没有发现一个现象,他们好像并没有垂直居中. 如果你不确定有没有垂直居中再看以一幅图片: 这里把line-height给注释掉.文字会向上移动. 这里如果把height:30px给干掉,只写line-height:30px 通过上图我们发现在不设置高度的时候,会在line-height上加了两个像素. 现在我们拿一个清理

关闭safari浏览器button默认样式

前两天又遇到一个头疼的问题,在Chrome上调试好的样式,去到手机上打开,傻了... 这是什么鬼... 搜了一下,才知道这是appearance属性搞的鬼.. . 比方你想让一个div拥有button的样式.能够这么写 div { appearance: button; -moz-appearance:button; /* Firefox */ -webkit-appearance:button; /* Safari 和 Chrome */ } 所以取消掉默认的button样式,自己写的才干显示

微信小程序去除Button默认样式

在小程序开发过程中,使用率蛮高的组件button,因为经常要去除默认样式,然后再自定义样式,所以经常写,自己也总结分享一下简单的实现步骤. (一)实现效果1.实现前(默认样式): 2.实现后(去除默认边框和背景色): (二)实现过程1.使用::after 伪类选择器,因为button的边框样式是通过::after方式实现的,如果在button上定义边框就会出现两条边框线,所以我们可以使用::after的方式去覆盖默认值. button::after { border: none;} 2.还需

移动端H5 button 默认事件

button 在移动端下会有自带的默认事件,如果不处理的话,点击按钮的时候会有自动刷新页面的效果,原因就是button的默认事件没有阻止. 所以在点击事件里面要加上 e.preventDefault()

小程序button默认样式透彻理解

微信小程序有一个默认样式,特别是有一个外边框,虽然看起来不别扭,但是自己每次设置border:0:都不生效,写成内联的样式也不生效,后来才知道里面的边框是伪元素的边框,这里的伪元素可以理解为用css动态添加的元素,也就是说这button里面有一个元素,宽高100%:有点圆角,(另外伪元素默认是内联的,所以要设置宽高还要设置display:block,将内联元素转为块元素.) ::before 在前面创建一个虚拟元素 ::after 在后面创建一个虚拟元素所以content是必填项

小程序 -- 去掉button默认样式

button { position:relative; display:block; margin-left:auto; margin-right:auto; padding-left:14px; padding-right:14px; box-sizing:border-box; font-size:18px; text-align:center; text-decoration:none; line-height:2.55555556; border-radius:5px; -webkit-

android去掉button默认的点击阴影

查了资料,发现别人都是说加一个style属性. style="?android:attr/borderlessButtonStyle" 加上了确实管用,但是我绝不是不求甚解的人.追根问题,到底是哪里出了问题?那我就全工程搜索 style="?android:attr/borderlessButtonStyle". 再点击去接着点继续这里发现有两个属性,应该不是background,因为我已经重写了,那么只可能是stateListAnimator.我把这里的代码

小程序去掉 <button /> 组件默认 border 边框样式

代码: <button class="btn">点击</button> 效果图: 目的:去掉 <button /> 默认样式中的 background 和 border 代码: .btn { background: none; border: none; } 效果图: 可以看到,background 没有了,但 border 仍然在解决办法: .btn:after { border: none; } 效果图: 目的达到

微信小程序中button去除默认的边框

button { position:relative; display:block; margin-left:auto; margin-right:auto; padding-left:14px; padding-right:14px; box-sizing:border-box; font-size:18px; text-align:center; text-decoration:none; line-height:2.55555556; border-radius:5px; -webkit-

ASP.NET页面回车键触发Button按钮事件问题

首先了解一下Button.UseSubmitBehavior属性. 获取或设置一个布尔值,该值指示 Button 控件使用客户端浏览器的提交机制还是 ASP.NET 回发机制. 如果该控件使用了客户端浏览器的提交机制,则为 true:否则为 false.默认值为 true. Button.OnClientClick 属性在引发某个 Button 控件的 Click 事件时所执行的客户端脚本. 使用 OnClientClick 属性来指定在引发某个 Button 控件的 Click 事件时所执行

查看特定View的默认属性值

当我在分析focus.touch事件处理代码时发现,有些属性对代码的逻辑有非常重要的影响,比如clickable.focusable 这些属性.这时我们自然而然的想到,那么这些属性的默认值是什么呢?在工作中我也很多次有同样的疑问.当初我也不是很清楚,基本都是手动在xml里面设置下.相信和我一样的人还有很多,今天我就告诉大家怎么通过Android源码来快速查看这些默认值. 比如我们经常用到的TextView,感觉上来说,它应该是不能点击的,也就是clickable默认应该是false.接下来,我

html中button自动提交表单？

在ie中,button默认的type是button,而其他浏览器和W3C标准中button默认的属性都是submit

html button自动提交表单问题

在ie中,button默认的type是button,而其他浏览器和W3C标准中button默认的属性都是submit,所以在chrome中,需要使用<button type="button"></button>.

Silverlight button 图片切换样式

之前一直做WPF现在开始接触Slilverlight感触很多. 今天做一个Button要求有两个图片,button默认有一个图片,鼠标over时用另一个图片, 用wpf做的时候写一个template很简单,但silverlight和wpf写起来不一样记录一下.大概思路是两个image鼠标MouseOver的时候一个Visible一个Collapsed 写的是一个自定义控件,代码和皮肤分离,很简单的一个demo 代码下载:ImageButtonTest.rar 先写一个继承自button的im

第九篇、微信小程序-button组件

主要属性: 注:button-hover 默认为{background-color: rgba(0, 0, 0, 0.1); opacity: 0.7;} 效果图: ml:  <button type="default" size="{{defaultSi

禁止button响应回车（.net页面）

1. 深层次来说这不是 ASP.NET 的问题, 而是 html form 的 submit 按钮就是如何设计的. 当你的光标焦点进入某个表单元素的时候,会激活该表单中第一个(流布局顺从左到右,从上至下) type=submit 的按钮(假如有),等待响应回车事件,并提交该form 你可以测试一下代码: <form action=""> <input type="text" /> <input type="submit&quo

button默认行为

热门专题