按钮

HTML防止input回车提交表单

醉酒当歌 提交于 2020-01-30 06:28:30
最近在做一个小需求时,发现了一个问题:当form表单中,存在一个button,在input中按回车会自动触发form提交,很是郁闷,经过查询资料,特总结如下: 自动提交情况说明: 1.默认情况下,单个输入框,无论按钮的type="submit"还是type="button"类型,回车即提交。 2.当type="submit"时,无论有几个type="text"输入框,回车均表示提交。(<button>按钮默认的type为submit) 3.当type="button"时,且存在多个输入框,回车不提交。(button) 解决方案: 1.解决单个输入框的回车即提交问题,可以增加一个隐藏的input="text" display='none'; 然后type类型为button。 2.在form表单或input中加入:onkeydown="if(event.keyCode==13){return false;}" 实例一: <!-- enter会自动提交数据 --> < form action= "www.baidu.com" method= "post" > < input type= "text" value= "" /> < input type= "text" value= "" /> < button >提交 </ button > <!--等价于<button type=

HTML防止input回车提交表单

爷,独闯天下 提交于 2020-01-30 04:37:10
原链接:https://blog.csdn.net/ligang2585116/article/details/44699567 自动提交情况说明: 1.默认情况下,单个输入框,无论按钮的type="submit"还是type="button"类型,回车即提交。 2.当type="submit"时,无论有几个type="text"输入框,回车均表示提交。(<button>按钮默认的type为submit) 3.当type="button"时,且存在多个输入框,回车不提交。(button) 解决方案: 1.解决单个输入框的回车即提交问题,可以增加一个隐藏的input="text" display='none'; 然后type类型为button。 2.在form表单或input中加入:onkeydown="if(event.keyCode==13){return false;}" <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <form action="www.baidu.com" method="post" onkeydown="if(event.keyCode==13){return false;}"> <input type

ASP.NET 多个提交按钮页面,ENTER指定执行某一按钮

こ雲淡風輕ζ 提交于 2020-01-30 04:35:30
在WEB页面上,通常SUBMIT类型的按钮会被默认指派为所在FORM表单的提交按钮 我们在做ASP.net WEB应用的时候,常常遇到会在同一个页面里添加多个按钮,而每个按钮肯定都会触发页面回送事件。 在ASP.NET中,只能指定一个带有RUNAT=SERVER的FORM表单,因此,这个表单会指派哪个按钮为默认提交按钮呢? 不做任何处理的情况下是很难控制的,例如在同一个页面里做了N个搜索框,设计上理想的思路是在某一输入框输入关键字后,用户按ENTER键,执行当前输入的输入框对应的提交按钮,但是,实际上往往事与愿违。无论怎么提交,总是会只执行某一个按钮事件。 网上很多方法都是使用JAVASCRIPT来进行判断,在输入框中加入KEYPRESS之类的事件,然后检查eventCode,如果是回车键,那么就指定执行某一个按钮。 这个方法不是不行,但是,并不好维护,而且在处理复杂的逻辑时,往往不好控制。 其实,ASP.NET给出了很好的解决方案,只是通常不被人注意。 首先,屏蔽浏览器提交模式,也就是说,FORM不再默认指定一个ENTER提交的按钮 方法是将BUTTON的UseSubmitBehavior设置为false,这样这个按钮就不会接受回车提交,这样就不会出现用户焦点在页面某处聚焦时按回车提交的情况。 为什么会这样呢?查看页面源文件我们会发现本来ASP

ASP.NET 多个提交按钮页面,ENTER指定执行某一按钮

五迷三道 提交于 2020-01-30 04:35:10
ASP.NET 多个提交按钮页面,ENTER指定执行某一按钮 2011-06-16 17:35 在WEB页面上,通常SUBMIT类型的按钮会被默认指派为所在FORM表单的提交按钮 我们在做ASP.net WEB应用的时候,常常遇到会在同一个页面里添加多个按钮,而每个按钮肯定都会触发页面回送事件。 在ASP.NET中,只能指定一个带有RUNAT=SERVER的FORM表单,因此,这个表单会指派哪个按钮为默认提交按钮呢? 不做任何处理的情况下是很难控制的,例如在同一个页面里做了N个搜索框,设计上理想的思路是在某一输入框输入关键字后,用户按ENTER键,执行当前输入的输入框对应的提交按钮,但是,实际上往往事与愿违。无论怎么提交,总是会只执行某一个按钮事件。 网上很多方法都是使用JAVASCRIPT来进行判断,在输入框中加入KEYPRESS之类的事件,然后检查eventCode,如果是回车键,那么就指定执行某一个按钮。 这个方法不是不行,但是,并不好维护,而且在处理复杂的逻辑时,往往不好控制。 其实,ASP.NET给出了很好的解决方案,只是通常不被人注意。 首先,屏蔽浏览器提交模式,也就是说,FORM不再默认指定一个ENTER提交的按钮 方法是将BUTTON的UseSubmitBehavior设置为false,这样这个按钮就不会接受回车提交

ASP.NET 多个提交按钮页面,ENTER指定执行某一按钮

心已入冬 提交于 2020-01-30 04:34:35
在WEB页面上,通常SUBMIT类型的按钮会被默认指派为所在FORM表单的提交按钮 我们在做ASP.net WEB应用的时候,常常遇到会在同一个页面里添加多个按钮,而每个按钮肯定都会触发页面回送事件。 在ASP.NET中,只能指定一个带有RUNAT=SERVER的FORM表单,因此,这个表单会指派哪个按钮为默认提交按钮呢? 不做任何处理的情况下是很难控制的,例如在同一个页面里做了N个搜索框,设计上理想的思路是在某一输入框输入关键字后,用户按ENTER键,执行当前输入的输入框对应的提交按钮,但是,实际上往往事与愿违。无论怎么提交,总是会只执行某一个按钮事件。 网上很多方法都是使用JAVASCRIPT来进行判断,在输入框中加入KEYPRESS之类的事件,然后检查eventCode,如果是回车键,那么就指定执行某一个按钮。 这个方法不是不行,但是,并不好维护,而且在处理复杂的逻辑时,往往不好控制。 其实,ASP.NET给出了很好的解决方案,只是通常不被人注意。 首先,屏蔽浏览器提交模式,也就是说,FORM不再默认指定一个ENTER提交的按钮 方法是将BUTTON的UseSubmitBehavior设置为false,这样这个按钮就不会接受回车提交,这样就不会出现用户焦点在页面某处聚焦时按回车提交的情况。 为什么会这样呢?查看页面源文件我们会发现本来ASP

【WPF】代码触发Button点击事件

与世无争的帅哥 提交于 2020-01-30 04:32:48
原文: 【WPF】代码触发Button点击事件 先定义Button按钮并绑定事件。 public void test() { Button btn = new Button(); btn.Click += Btn_Click; } private void Btn_Click(object sender, RoutedEventArgs e) { Console.WriteLine("点击了按钮!"); } 已经定义好了事件后,不点击按钮,如何靠代码动态触发按钮的点击事件? 方法一: ButtonAutomationPeer peer = new ButtonAutomationPeer(someButton); IInvokeProvider invokeProv = peer.GetPattern(PatternInterface.Invoke) as IInvokeProvider; invokeProv.Invoke(); 方法二:更优雅的方式 someButton.RaiseEvent(new RoutedEventArgs(Button.ClickEvent)); 参考: https://stackoverflow.com/questions/728432/how-to-programmatically-click-a-button-in-wpf 来源: https:/

网页按钮响应回车事件

无人久伴 提交于 2020-01-30 04:30:27
我们有时候希望回车键敲在文本框(input element)里来提交表单(form),但有时候又不希望如此。比如搜索行为,希望输入完关键词之后直接按回车键立即提交表单,而有些复杂表单,可能要避免回车键误操作在未完成表单填写的时候就触发了表单提交。 要控制这些行为,不需要借助JS,浏览器已经帮我们做了这些处理,这里总结几条规则: 如果表单里有一个type=”submit”的按钮,回车键生效。 如果表单里只有一个type=”text”的input,不管按钮是什么type,回车键生效。 如果按钮不是用input,而是用button,并且没有加type,IE下默认为type=button,FX默认为type=submit。 其他表单元素如textarea、select不影响,radio checkbox不影响触发规则,但本身在FX下会响应回车键,在IE下不响应。 type=”image”的input,效果等同于type=”submit”,不知道为什么会设计这样一种type,不推荐使用,应该用CSS添加背景图合适些。 实际应用的时候,要让表单响应回车键很容易,保证表单里有个type=”submit”的按钮就行。而当只有一个文本框又不希望响应回车键怎么办呢?我的方法有点别扭,就是再写一个无意义的文本框,隐藏起来。根据第3条规则,我们在用button的时候,尽量显式声明type以使浏览器表现一致

python 线程

一世执手 提交于 2020-01-30 01:08:22
通过线程实现并发,借助tkinter;实现不同按键操作的并发! 学习‘Python-100-Days-master’,例子运行有些问题,需要改进! from threading import Thread import tkinter from time import sleep from tkinter . messagebox import showinfo #定义button参数,实现参数的传递 class down_thread ( Thread ) : def __init__ ( self , button_x ) : self . button = button_x super ( ) . __init__ ( ) def run ( self ) : sleep ( 10 ) showinfo ( '提示' , '下载完成!' ) # 启用下载按钮 self . button . config ( state = tkinter . NORMAL ) def down_load_task ( button ) : button . config ( state = tkinter . DISABLED ) t = down_thread ( button ) t . start ( ) def label_show_task ( ) : tkinter .

Button 实现CheckBox 效果

五迷三道 提交于 2020-01-29 14:57:23
View Code 如下: View Code 1 <LinearGradientBrush x:Key="BtnBrush" StartPoint="0,0" EndPoint="0,1"> 2 <GradientBrush.GradientStops> 3 <GradientStopCollection> 4 <GradientStop Color="White" Offset="0.0"/> 5 <GradientStop Color="#FFDBDCDD" Offset="0.5"/> 6 </GradientStopCollection> 7 </GradientBrush.GradientStops> 8 </LinearGradientBrush> 9 <Style x:Key="BtnStyle" TargetType="Button">10 <Setter Property="Template">11 <Setter.Value>12 <ControlTemplate TargetType="Button">13 <Border BorderThickness="1" 14 CornerRadius="10" 15 BorderBrush="Gray"16 Background="{StaticResource BtnBrush}">17

ios中自定义checkbox

五迷三道 提交于 2020-01-29 14:28:46
//自定义button#import <UIKit/UIKit.h> @interface CKButton : UIButton @end #import "CKButton.h" #define KTitleWidth 0.6 #define KPadding 0.1 #define KImageWidth (1-KTitleWidth -2*KPadding) @implementation CKButton - (id)initWithFrame:(CGRect)frame { self = [super initWithFrame:frame]; if (self) { // Initialization code //设置image self.adjustsImageWhenDisabled=NO; self.adjustsImageWhenHighlighted=NO; self.imageView.contentMode=UIViewContentModeScaleAspectFit; //设置title [self setTitleColor:[UIColor blackColor] forState:UIControlStateNormal]; } return self; } -(CGRect)imageRectForContentRect:(CGRect