一个输入框，按回车自动提交表单

最新推荐文章于 2026-05-15 09:21:58 发布
原创 最新推荐文章于 2026-05-15 09:21:58 发布 · 422 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文介绍了一个简单的解决方案来防止表单中的文本框在用户按下回车键时自动提交。通过为输入框添加onkeydown事件处理程序，可以有效地控制表单的行为。

表单只有一个文本框，测试人员说，按回车键自动提交了，自己试了试，果然如此。

解决办法：
为输入框增加一个onkeydown属性, onkeydown="if(event.keyCode==13){return false;}" ,问题解决.

标签
#测试
Jeanx
关注
S型速度曲线C程序实现
LSX312441548的博客
09-11 8326
S型速度曲线C语言程序实现 前言 S型曲线相较于梯形速度曲线具有运行更加平稳的特点，S型曲线共有八种运行情况，感兴趣可以查阅相关文献 代码段 #include <stdio.h> #include <math.h> #define FP64 double int main(void) { /**************************** 定义相关变量(需要映射到PLC寄存器才能进行监控) ***********************/ FP6
从DC到DCG：手把手教你搭建物理感知综合流程（含DEF文件处理避坑指南）
最新发布
weixin_27966471的博客
05-15 318
本文详细介绍了从Design Compiler（DC）过渡到DC Topographical（DCT）和DC Graphical（DCG）的完整操作框架，特别针对DEF文件处理提供避坑方案。通过环境准备、工具升级、DEF文件处理、DCG综合配置等步骤，帮助开发者高效应对28nm以下工艺节点的物理感知综合挑战，显著提升时序收敛效率。
前端js优化表单中单个输入框的回车提交事件
m0_73117087的博客
12-12 914
通过以上优化方法，我们可以避免在只有一个输入框的表单中，回车键触发表单提交事件的问题。
Test软件：Keysight二次开发_（3）.安装与配置开发环境
2401_87715305的博客
05-13 1381
在开始进行Keysight软件的二次开发之前，首先需要确保您的开发环境已经正确安装和配置。本节将详细介绍如何安装和配置必要的开发工具和依赖项，以便您能够顺利进行开发工作。
Form表单Input中按enter键自动提交的问题
Mr_linjw的专栏
10-17 3396
按钮绑定回车事件后按回车表单执行js方法后表单自动提交刷新，先执行了js的方法后自动提交表单，使它相当于没有执行js方法，查阅资料得知在一个。，按回车键表单会自动提交，但是当表单中存在多个。时，按回车键不会执行任何操作，这是。
form表单的单输入框回车出现同步提交事件处理
wzp20092009的博客
02-22 2902
form表单中如果只有一个输入框，在输入时按Enter回车键会出发默认事件自动提交表单，该交互是同步发生的，会导致页面刷新。
表单中的输入框回车就自动提交
weixin_46352558的博客
05-15 606
代码如上 ， 因为我比较喜欢写form表单包住输入框所以就会遇到这种问题，原因大致是因为form的表单属性导致的 加上一个 @submit.native.prevent 就可以解决了。
回车键触发表单提交的问题
auyeung_anne的专栏
05-14 885
我们有时候希望回车键敲在文本框（input element）里来提交表单（form），但有时候又不希望如此。比如搜索行为，希望输入完关键词之后直接按回车键立即提交表单，而有些复杂表单，可能要避免回车键误操作在未完成表单填写的时候就触发了表单提交。 要控制这些行为，不需要借助JS，浏览器已经帮我们做了这些处理，这里总结几条规则： 如果表单里有一个type=”submit”的按钮，回车键生效。
当表单内只有一个输入框时,按回车表单自动提交
weixin_33916256的博客
05-18 78
当表单内只有一个输入框时,按回车表单就会自动提交。 一个新增页面,只有一个名称是输入框,其他的是多重选择框,当我输完名称的时候,随手按了个回车,发现表单自动提交了,这样一来,页面上的js判断都没有生效.找了好久才发现,如果表单内只有一个输入框时,按回车会自动提交.先试着在页面上加个隐藏域,因为它也是input标签的,发现没用.最后想到对输入框增加一个onkeydown属性,...
当页面只有一个输入框，按回车就会自动提交表单的诡异现象
qq_36709271的博客
10-10 500
①默认情况下，一个页面只存在单个输入框，无论按钮是type="submit"还是type="button"类型，按回车键就会提交表单。 ②当type="submit"时，无论有几个type="text"输入框，回车均提交表单。（注：<button>按钮默认的type为submit） ③当type="button"时，且存在多个输入框，回车不提交。 当页面只有一个输入框时，避...
当表单内只有一个输入框时,按回车会自动提交
lancelot208的博客
11-27 221
一个新增页面,只有一个名称是输入框,其他的是多重选择框,当我输完名称的时候,随手按了个回车,发现表单自动提交了,这样一来,页面上的js判断都没有生效.找了好久才发现,如果表单内只有一个输入框时,按回车会自动提交.先试着在页面上加个隐藏域,因为它也是input标签的,发现没用.最后想到对输入框增加一个onkeydown属性, onkeydown="if(event.keyCode==13){retu...
form表单中只有一个input时，按回车键后表单自动提交(form表单的一个小坑)
Stamina_Boy的博客
08-05 2784
最近在给公司改项目时发现一个问题，按钮绑定回车事件后按回车表单执行js方法后表单自动提交刷新，先执行了js的方法后自动提交表单，使它相当于没有执行js方法，查阅资料得知在一个form表单中，若只有一个input，按回车键表单会自动提交，但是当表单中存在多个input时，按回车键不会执行任何操作，这是form表单的一个特性。 解决这个问题有四种方法，如下： 第一种方法，把表单去掉，这是最管用，但...
input输入框点击回车切换到下一个输入框功能
热门推荐
Welcome to my blog
05-10 1万+
直接上代码： HTML： <form class="layui-form" action="../in" id="form" method="post" name='Form'> <div class="layui-form-item"> <label class="layui-form-label">货架条形码:</l...
各种默认回车提交表单
前G厂程序员/架构/产研经理，AI 进化派，一线 OPC 实践者。 持续分享编程、职场、AI、副业/创业干货~
08-16 4149
通过回车进行提交表单，可以在用户输入完毕后直接进行回车查询操作，不用点击鼠标，在某些场景应用下非常方便，用户体验较好。最近项目中遇到一个Input表单提交的问题，让我烦躁了半天，这里网上别人总结的，我粘贴下来，自己方便，也做一下普及。<br />原始网址：http://hi.baidu.com/wangworks/blog/item/92c30d11f4d91b0c213f2e3e.html<br />总结＆科普一下：<br />1、如果form里面只有一个input type＝text，那么无论有没有su
form内只有一个输入框时,按回车会自动提交
roach
10-26 2313
昨天碰到一个问题，一个新增页面,本来我的提交按钮是button类型的, 当我输完名称的时候,随手按了个回车,发现表单自动提交了,而其他页面也是这么写的，都没这个问题。这样一来,页面上js的sub()方法里的操作都不起作用。       后来发现这个页面与其他页面唯一的不同是，只有一个名称是输入框,其他的是下拉选择框,问题就是出在这里， 如果form表单内只有一个输入框时,按回车会自动提交的。
el-form里面只有一个el-form-item的时候，在输入框中按下回车键Enter会自动提交表单并且刷新网页，如何屏蔽这种情况？
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
06-01 1054
当一个 form 元素中只有一个输入框时，在该输入框中按下回车应提交该表单。如果希望阻止这一默认行为，可以在。@submit.native.prevent //主要是这句话加上去就可以屏蔽回车提交刷新网页了。
form中只有一个input按回车键表单会自动提交问题
yjreset的博客
01-18 764
在一个form表单中，若只有一个input，按回车键表单会自动提交，但是当表单中存在多个input时，按回车键不会执行任何操作，这是form表单的一个特性，那么如何防止它的自动提交呢？ 这里提供四种方法。 第一种方法，把表单去掉，这是最管用，但也是最傻的方法，直接添加onclick事件，不用表单提交，这种方法就不赘述了。 第二种方法，很多人估计都想到过，就是既然一个input会自动提
Form表单 回车(Enter)提交表单问题
qq_37609418的博客
06-15 8945
在Form表单中input会自动响应回车事件。这是表单的默认提交动作。表单的提交行为，可以用两种方式定义，一是form表单自身，二是form表单的button元素(包括type='submit’的input标签，以及type=‘submit’的button元素，button元素type为Submit)。而点击Enter键会触发form表单提交。这被称为隐式提交，如果要阻止回车键提交表单，可以在form标签内添加如下代码 ng-keydown 指令不会覆盖元素的原生 onkeydown 事件, 事件触发时，n
input输入框按回车键提交表单问题
蓝沐的博客
03-16 1万+
今天发现一个奇怪的问题，当页面只有一个input文本框（type="text"）时，将鼠标焦点置于这个文本框，然后按回车键（enter键）时会提交表单数据。查了一下，原来这是浏览器的默认行为，当form中只有一个input文本框（type="text"）时，用户按回车键会提交这个form表单。从这句话中我们就可以得到产生这种行为的条件就是（1）form中只有一个文本框。（2）用户在文本框中...
el-form的el-input 输入框按回车页面刷新
weixin_44244239的博客
10-09 372
即：当一个 form 元素中只有一个输入框时，在该输入框中按下回车应提交该表单。如果希望阻止这一默认行为，可以在。上面的结构是正常的，但是当输入框获取焦点，并回车后。整个页面都被刷新了，这并不是我们希望的。1、问题：当页面只有一个输入框时，获取焦点时，点击回车整个页面被刷新了。查看element-ui官网我可以发现以下这段话，W3C 标准中有如下。
#vue#使用Element输入框，使用enter回车键搜索或提交
ZHENGCHUNJUN的博客
10-15 7764
#vue#使用Element输入框，使用enter回车键搜索或提交
表单中enter键，导致表单提交
JYB2106056288的博客
01-05 1073
enter导致表单提交
form 表单只有一个input 时，回车自动提交表单造成页面刷新效果
qq_39706777的博客
02-03 2220
el-form 中仅有一个input，input上设置了回车响应事件，首次按回车键后，页面刷新，再次按回车才执行了响应事件
施乐AP-V DC-V C7785 C6685 C5585 5代彩色复印机中文维修手册.pdf
施乐手册分享 需要请下载
C#部署paddleocrv4模型例子源码
【测试环境】vs2019netframework4.7.2opencvsharp4.8.0Sdcb.PaddleInferenceSdcb.PaddleOCR博客地址：https://blog.csdn.net/FL1623863129/article/details/135435809视频演示：https://www.bilibili.com/video/BV19g4y1D75w/
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值