我们有时候希望回车键敲在文本框(input element)里来提交表单(form),但有时候又不希望如此。比如搜索行为,希望输入完关键词之后直接按回车键立即提交表单,而有些复杂表单,可能要避免回车键误操作在未完成表单填写的时候就触发了表单提交。 要控制这些行为,不需要借助JS,浏览器已经帮我们做了这些处理,这里总结几条规则:
1、如果表单里有一个type=”submit”的按钮,回车键生效。
2、如果表单里只有一个type=”text”的input,不管按钮是什么type,回车键生效。
3、如果按钮不是用input,而是用button,并且没有加type,IE下默认为type=button,FX默认为type=submit。
4、其他表单元素如textarea、select不影响,radio checkbox不影响触发规则,但本身在FX下会响应回车键,在IE下不响应。
5、type=”image”的input,效果等同于type=”submit”,不知道为什么会设计这样一种type,不推荐使用,应该用CSS添加背景图合适些。
实际应用的时候,要让表单响应回车键很容易,保证表单里有个type=”submit”的按钮就行。而当只有一个文本框又不希望响应回车键怎么办呢?我的方法有点别扭,就是再写一个无意义的文本框,隐藏起来。根据第3条规则,我们在用button的时候,尽量显式声明type以使浏览器表现一致。
这个位高人还留下来一个demo(点击查看) 列出了一些例子。
相关推荐
易语言屏蔽回车键源码,屏蔽回车键
主要介绍了禁止按回车键提交表单的方法的相关资料,需要的朋友可以参考下
易语言源码易语言屏蔽回车键源码.rar
combobox控件 屏蔽上下键 上下键控件间切 回车键弹出和关闭并自动跳到下一控件 还可以实现背景色修改(未做)
js禁止回车,js禁用回车,捕捉回车js
本文主要介绍了Android中使用EditText控制禁止输入空格和回车的实现代码。具有很好的参考价值。下面跟着小编一起来看下吧
C#如何屏蔽键盘输入,而用读卡器或条码枪输入呢?虽然说条码和读卡器都是USB接入,但可以通过底层代码区分开来,从而区分键盘输入、读卡器输入或条码枪输入.
C#winform 中让文本框可以用扫描枪输入,而不能用键盘输入。该文档详细记录文本框不能用键盘手动输入,欢迎下载。
小编在使用element-ui时,el-input组件监听不了回车事件,怎么回事呢?下面小编给大家带来了vue使用element-ui的el-input监听不了回车事件的解决方法,一起看看吧
回车执行跳到下一个文本框,在本文通过jquery简单实现下,需要的朋友可以参考下
为了保护服务器安全一般都会禁止使用U盘,那么具体如何设置呢? 1、在系统桌面使用键盘按键win键+r打开运行窗口,输入gpedit.msc,点击回车键打开。
form中的input只有一个,input获得焦点时按回车会form自动提交: <!doctype html> <html> <head> <meta charset="UTF-8"> <title>test</title> </head> <body> <...
1.网页游戏登录器,使用webbrowser。 2.防止webbrowser网页跳转,强行在程序浏览器中...3.重载PreTranslateMessage,实现屏蔽vc6基本对话框默认的回车和ESC键退出。 4.实时获取点击网页flash游戏时,鼠标点击的坐标。
如何防止回车(enter)键提交表单,其实很简单,就一句话。onkeydown="if(event.keyCode==13)return false;"把这句写在from标签里面就好了
这似乎可以完成工作:
1、硬回车键的使用 78 2、使同行中选定的文字垂直提升或降低位置 78 3、给文档中的文字添加效果 78 4、给文本添加“文本框” 78 5、窗口拆分 79 6、使超出整页的几行文字合并到前页 79 7、新建自动图文集,用于快速...
您的浏览器书签专属管理... "支持回车键触发搜索事件." "支持语言设置." "更多惊喜等您发现......" 更多功能开发中,欢迎大家反馈...... 个人独立开发,禁止用于交易,该工具当前仅在CSDN发布,谨防病毒。
77.如何使用回车键切换窗体控件焦点 78.如何遍历应用程序窗体中的各个控件 79.如何使窗体中的控件跟随鼠标移动而移动 80.如何设置静态文本控件的背景和文本颜色 81.如何通过控件实现鼠标拖动文本效果 第3章 标题栏...