关于form表单按下enter键之后自动提交的问题

最新推荐文章于 2023-02-22 11:19:30 发布
最新推荐文章于 2023-02-22 11:19:30 发布
阅读量256 收藏
点赞数
原文链接：https://my.oschina.net/u/2937247/blog/828539
版权

一、关于form表单按下enter键之后自动提交的问题

input标签如果最外层嵌套了form表单，按下enter键之后会自动提交，并且会导致整个页面刷新。如果想关闭这个功能，在form标签上添加：οnsubmit="return false;"。

二、css英文字母换行

word-break:break-all;只对英文起作用，以字母作为换行依据word-wrap:break-word; 只对英文起作用，以单词作为换行依据

转载于:https://my.oschina.net/u/2937247/blog/828539

chenhanyou5010
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
禁用Enter键表单自动提交实现代码
09-04
在网页开发中，用户在填写表单时按下Enter键通常会导致表单的自动提交，这在某些场景下可能并不是我们期望的行为。例如，如果表单中有多个输入字段，我们可能希望用户能够在按下Enter键时进行换行（如在文本区域中）...
JSP中的FORM表单中只有一个input文本时，按回车键将会自动提交表单
01-08
一个列表界面只有一个输入框查询条件，当首次进入在输入框中输入汉字后，按回车键发现输入框中汉字变成乱码！本以为一个很简单不过的问题，结果却花了好久才找到原因（据说是浏览器问题），按回车后执行了两次查询。...
按下enter自动提交表单
飞腾创客
06-29 800
<script language="javascript">       document.onkeydown = function(e) {         e = e || window.event;         if(e.keyCode == 13) {             //this.forms["form"].submit();          $('#form3...
按下回车默认提交form表单问题
littleFatty的博客
05-22 356
最近开发中碰到一个问题，项目中有几个列表展示页面，允许用户通过查询条件模糊查询数据。用户录入关键字后点击回车会调用查询方法根据关键字查询，原先功能没有问题，但是最近发现在查询输入框中按下回车会直接刷新页面不调用查询方法。检查发现有人在查询模块新增了一个form表单，找了很多和form表单相关资料才发现当form表单内只有一个type=“text”类型的标签时按下回车默认会提交form表单。解决方法
form表单按enter键自动提交的问题
极客神殿
04-18 4437
1：form表单按enter键自动提交的情况 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""...
表单按回车自动提交
夏一的博客
11-18 772
1.form表单中只有一个input标签,按回车键将自动提交表单当form表单中只有一个<input type="text" name='name' />时按回车键将会自动将表单提交。<form id='form1' action='a1.jsp' method='post'> <input type='text' name='name' /> </form>如果不想让其自动提交可以这样做:再添加一
如何防止INPUT按回车自动提交表单FORM
11-29
form中的input只有一个，input获得焦点时按回车会form自动提交： <!doctype html> <html> <head> <meta charset="UTF-8"> <title>test</title> </head> <body> <...
Form表单按回车自动提交表单的实现方法
09-01
首先，当一个`<form>`表单中只有一个`<input type="text">`标签时，按下回车键会自动触发表单的提交。这是因为浏览器的默认行为，它将回车键视为提交表单的信号。如果不想让表单在按回车时自动提交，可以采取以下两...
小BUG记录：表单在没有type=‘submit‘按钮时，回车自动提交
weixin_43832745的博客
07-15 270
检查项目创建表单时发现填了第一项然后一个回车直接把post请求发去了后台，然后提交以后给我返回了一个{‘status’: True}。。。。的空页面。 原来的逻辑是ajax提交，如果成功返回JsonResponse({‘status’: True}),前端接收到True，刷新页面。 因为在设计的时候其他项要么有默认的要么可以为空，所以后台的form校验也不会出问题，就直接提交成功了。经过查资料发现form表单如果只有一个type='text’的input那么回车键就会自动提交。所以解决办法加了一个隐藏的in
按下enter键后表单自动提交问题
weixin_33694172的博客
06-26 284
在HTML的form表单里，按下enter键之后，默认情况下表单会自动提交。 在公司一个项目里，按下enter键自动提交表单的查询结果与按下搜索框的搜索结果页面显示不一样，按下搜索按钮之后是通过Ajax请求返回结果；而按下enter键是直接post请求然后跳转返回一个页面，失去了页面样式及导航等。 一开以为是写了js代码导致按下enter键之后会触发表单提交，后来...
使用ENTER模拟触发表单提交或者click事件
weixin_34244102的博客
05-05 118
2019独角兽企业重金招聘Python工程师标准>>> ...
form表单的单输入框回车出现同步提交事件处理
wzp20092009的博客
02-22 2436
form表单中如果只有一个输入框，在输入时按Enter回车键会出发默认事件自动提交表单，该交互是同步发生的，会导致页面刷新。
Form表单 回车(Enter)提交表单问题
qq_37609418的博客
06-15 7709
在Form表单中input会自动响应回车事件。这是表单的默认提交动作。表单的提交行为，可以用两种方式定义，一是form表单自身，二是form表单的button元素(包括type='submit’的input标签，以及type=‘submit’的button元素，button元素type为Submit)。而点击Enter键会触发form表单提交。这被称为隐式提交，如果要阻止回车键提交表单，可以在form标签内添加如下代码 ng-keydown 指令不会覆盖元素的原生 onkeydown 事件, 事件触发时，n
关于form表单中的input按下enter键自动提交解决办法
mac文的java路
08-27 555
http://www.nowamagic.net/html/html_EnterCouseReflesh.php
form表单回车会自动提交和禁止自动提交
www3300300的专栏
09-25 8685
如果form表单内只有一个输入框时,按回车会自动提交的. 我自己的两个解决方案： (1)对输入框增加一个onkeydown属性, onkeydown="if(event.keyCode==13){return false;}" (2)对form表单加一个onsubmit属性,
form表单中只有一个input时，按回车键后表单自动提交(form表单的一个小坑)
Stamina_Boy的博客
08-05 2618
最近在给公司改项目时发现一个问题，按钮绑定回车事件后按回车表单执行js方法后表单自动提交刷新，先执行了js的方法后自动提交表单，使它相当于没有执行js方法，查阅资料得知在一个form表单中，若只有一个input，按回车键表单会自动提交，但是当表单中存在多个input时，按回车键不会执行任何操作，这是form表单的一个特性。 解决这个问题有四种方法，如下： 第一种方法，把表单去掉，这是最管用，但...
为什么 form表单中如果只有一个输入框，在输入时按Enter回车键会出发默认事件自动提交表单
最新发布
07-12
form表单中如果只有一个输入框，在输入时按Enter回车键会触发默认事件自动提交表单的原因是浏览器对于form表单的默认行为的处理。 按下Enter键会触发表单的默认提交行为，而如果表单只有一个输入框时，浏览器会默认...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值