HTML页面单输入框回车自动提交问题-自留

最新推荐文章于 2024-02-21 11:05:53 发布
最新推荐文章于 2024-02-21 11:05:53 发布
阅读量666 收藏
点赞数
分类专栏： 自留
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010859548/article/details/51362092
版权

问题描述：HTML（或类似）页面，如果只存在一个input输入框，那么在输入完成按下回车会触发提交事件。

解决方案：在该输入框下添加两个隐藏的input,一个为text类型，一个为button,可避免触发回车提交事件

黑面阿呆
关注
专栏目录
vue 输入框回车触发提交 自留笔记
weixin_45753961的博客
06-07 582
【代码】vue 输入框回车触发提交 自留笔记。
网页中表单按回车就自动提交的问题的解决方案
09-04
主要介绍了网页中表单按回车就自动提交的问题的解决方案,需要的朋友可以参考下
如何防止INPUT按回车自动提交表单FORM
11-29
form中的input只有一个，input获得焦点时按回车会form自动提交： <!doctype html> <html> <head> <meta charset="UTF-8"> <title>test</title> </head> <body> <form action="http://blog.csdn.net/gnail_oug" method="post"> <!--input获得焦点后按回车form自动提交--> <input type="text"> </form> </body> </html> 有多个input时(不管是否是隐藏的)，任意一个input获得焦点都不会提
form表单回车提交问题
weixin_34234721的博客
08-29 137
我们有时候希望回车键敲在文本框（input element）里来提交表单（form），但有时候又不希望如此。比如搜索行为，希望输入完关键词之后直接按回车键立即提交表单，而有些复杂表单，可能要避免回车键误操作在未完成表单填写的时候就触发了表单提交。要控制这些行为，不需要借助JS，浏览器已经帮我们做了这些处理，这里总结几条规则：   1. 如果表单里有一个type=”submit”的按钮，回车键生效。...
HTML页面禁用Enter键自动提交表单
weixin_33907511的博客
07-18 168
2019独角兽企业重金招聘Python工程师标准>>> ...
html表单回车自动提交,网页表单回车自动提交问题
weixin_42301816的博客
05-31 918
1 当前问题网页中，一个form表单中如果type为text的input元素只有一个，输入焦点在text中时，回车表单将会自动提交(如指定表单的action属性，会提交到对应action，如未指定表单的action属性，则会刷新当前页面)。此种情况，经常出现在查询区域的表单中，当查询区域text类型的input只有一个时，输入内容回车页面将会自动提交。注意：这里说的form表单中的type为tex...
【html】form表单里面回车键提交表单问题
最新发布
smart_dream
02-21 1356
【代码】form表单里面回车键提交表单问题。
网页表单回车自动提交问题
weixin_55891090的博客
03-22 533
1 当前问题 网页中，一个form表单中如果type为text的input元素只有一个，输入焦点在text中时，回车表单将会自动提交（如指定表单的action属性，会提交到对应action，如未指定表单的action属性，则会刷新当前页面）。 此种情况，经常出现在查询区域的表单中，当查询区域text类型的input只有一个时，输入内容回车页面将会自动提交。 注意：这里说的form表单中的type为text的input元素只有一个，并不是说表单中只有一个元素，此时表单中可以有其他类型的元素（如checkbox
Form表单按回车自动提交表单的实现方法
11-28
1.form表单中只有一个input标签,按回车键将自动提交表单 ...按下回车将不会自动提交，但是页面上显示一个不知所云的输入框挺别扭，后从网上搜到两个解决办法： (1) 添加一个<input type=’text’
网页中表单按回车就自动提交的问题总结
默默前行，勿喜、勿悲、一切随缘！
10-30 1834
当form表单中只有一个输入框时，焦点在此输入框中，按回车键将自动将表单提交。 即使不写action，页面也会自动刷新，有时这并不是我们需要的。 如果再次添加一个input框，会怎样？ 焦点在输入框中，按回车键没有提交表单。 如果表单中添加一个submit类型的按钮呢，会怎样？
输入框中按回车触发提交事件
学会坚强
12-25 199
Java代码   &lt;input id="webchat_usersend" type="text" height="20" size="65" maxlength="255" value="请在此输入您要说的话" onKeyDown="webchat_chkkeysend(event);" /&gt; &lt;input type=
HTML form表单回车触发提交
weixin_34357436的博客
06-08 399
<script type="text/javascript">function submitByEnter(){if(event.keyCode == 13){login();document.getElementByIdx_x("password").value="";}...
WEB开发,当只有一个input的时候按回车键时，input会默认提交表单
lychao89的专栏
06-12 313
WEB开发中，如果页面中只有一个input元素且type=”text“，在该input元素的输入框中按回车（注：此时并没有写对应的onkeydown等事件处理），则浏览器会默认提交表单，请看如下代码：            input style="display:none;" id="Text1" type="text" />
jq html 回车提交表单,回车提交表单的方法
weixin_34008445的博客
06-10 343
一般如果input的type是submit，显然按回车可以提交表单，但有时没有submit(比如用ajax提交)，需要回车提交怎么办呢？上网随便查了一下，很简单，方法如下：一、 document.onkeydown=function(evt){varevt=window.event?window.event:evt;if(evt.keyCode==13){document....
按回车表单自动提交问题意外发现
09-28
这样，即使表单中只有一个可见的输入框，按下回车键时，浏览器会识别到还有其他表单控件存在，因此不会触发表单的自动提交行为。 最后，需要注意的是，在一些表单设计中，可能会使用JavaScript来控制表单的提交过程...
input type =text，按回车键自动提交
u010476464的博客
06-06 1万+
表单按回车自动提交
HTML防止input回车提交表单
热门推荐
李刚的学习专栏
03-28 4万+
最近在做一个小需求时，发现了一个问题：当form表单中，存在一个button，在input中按回车会自动触发form提交，很是郁闷，经过查询资料，特总结如下： 自动提交情况说明： 1.默认情况下，单个输入框，无论按钮的type="submit"还是type="button"类型，回车即提交。 2.当type="submit"时，无论有几个type="text"输入框，回车均表示提交。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值