100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > javascript 回车键触发表单提交的问题_表单特效

javascript 回车键触发表单提交的问题_表单特效

时间:2022-08-10 04:22:28

相关推荐

javascript 回车键触发表单提交的问题_表单特效

web前端|js教程

javascript,回车键,表单提交

web前端-js教程

比如搜索行为,希望输入完关键词之后直接按回车键立即提交表单,而有些复杂表单,可能要避免回车键误操作在未完成表单填写的时候就触发了表单提交。

danjiban店铺销售软件源码,微软vscode配置,ubuntu rss,tomcat集群日志,sqlite查询平均成绩,代码编辑插件,常用的前端框架优缺点,爬虫软件g什么什么,php 获取 xml,户县seo优化,qq浏览器打开手机网站源码,易语言取网页源码,完整的新闻消息模板lzw

要控制这些行为,不需要借助JS,浏览器已经帮我们做了这些处理,这里总结几条规则:

免费商城论坛网站源码下载,ubuntu16断电,爬虫学习通互评,php项目安全防止全局变量覆盖,企业seo模型lzw

如果表单里有一个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以使浏览器表现一致。

微信维修源码,vscode生成的骨架更改,ubuntu使用黑屏,tomcat取不到pid,全面爬虫技术,php工程师 职责,石家庄信融科技seo,手机网站登陆模板,bootstrap404页面模板lzw

做了一个 demo(点击查看) 列出了一些例子。

submit

本demo演示在文本框中按enter键是否触发提交表单

默认情况下,一个文本框的时候,提交,不管按钮type是submit还是button

一个文本框的时候怎么才能做到不提交,方法是加一个隐藏掉的文本框

只要有type为submit的按钮存在,一个文本框还是多个文本框都提交

只要有type为submit的按钮存在,一个文本框还是多个文本框都提交

多个文本框的时候,不提交,用type为button的按钮就行啦

用button元素时,FX和IE下有不同的表现

radio和checkbox在FX下也会触发提交表单,在IE下不会

type为image的按钮,等同于type为submit的效果

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。