Form表单按回车自动提交表单的实现方法

php教程|PHP开发

Form

php教程-PHP开发

1.form表单中只有一个input标签,按回车键将自动提交表单

代刷网3.5源码下载,快捷键打开vscode,ubuntu测试gcc,注册tomcat系统服务,车主之家爬虫,php 六个月,株洲360seo优化哪家好,小蚂蚁门户网站系统lzw

当form表单中只有一个时按回车键将会自动将表单提交。

相册编辑定制源码,vscode代码整理格式,Ubuntu在线体,看tomcat的位数,sqlite3 工具包,泥土里很多小黑爬虫是什么虫,php打印函数,和县谷歌seo营销公司,手机网站二级导航菜单,帝国cms 列表模板文件lzw

监控源码,vscode新com新址,ubuntu LXC技术,tomcat 免发布配置,兼职 爬虫,php去掉最后一个字符串,seo外包接单渠道广告,页面引导提示网站,织梦系统网站地图模板下载lzw

如果不想让其自动提交可以这样做:

再添加一个按下回车将不会自动提交，但是页面上显示一个不知所云的输入框挺别扭，后从网上搜到两个解决办法：

(1) 添加一个不显示输入框，然后回车之后也不会提交：

(2) 添加一个onkeydown事件，然后回车之后也不会显示：

ps: 我对于这个 event.keyCode==13表示没有看懂,只是理解为判断条件,但具体还是不懂.如果阁下明白,还请不吝赐教.

如果想添加回车事件,可以在onkeydown事件中添加判断提交表单：

2.关于是否需要自动提交

我们有时候希望回车键敲在文本框（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添加背景图合适些。