在IE下，页面只有一个text的时候，回车将自动submit(转)

最新推荐文章于 2025-12-05 08:37:05 发布
转载 最新推荐文章于 2025-12-05 08:37:05 发布 · 753 阅读 · 0
文章标签：

#ie #input #javascript #button #internet #html

本文探讨了在使用Internet Explorer浏览器时，仅包含单行文本输入框的网页表单会默认提交的问题。即使添加了文件选择器、复选框或隐藏字段等额外控件，按Enter键仍然会导致表单提交。文章提供了避免此默认行为的方法。

真是一个很怪的缺省操作啊！

 

 

运行上面的html文件，在text中输入内容，然后回车，这个页面将会自动提交表单。即使我在这个页面中增加file，checkbox，hidden等的控件，这个页面还是会自动提交。这是IE的一个缺省操作。如果想改变这个缺省操作，我们可以再增加一个text，然后隐藏这个text。

If you have a Web Form with just one single-line text input (even if there are additional input fields, like CheckBoxLists, RadioButtonLists, DropDownLists, and so on), hitting enter in the text input will not cause the Button Web control's Click event to fire when using Internet Explorer

在 IE下，页面只有一个text的时候，回车将自动submit的问题
chh_jiang的专栏
07-02 157
这个问题是由测试中发现的一个Bug引出来的。 Bug具体描述如下： 在输入框中输入内容，按回车键，默认焦点聚焦在入口菜单上。 如果开始点击'查询'按钮，以后再输入条件，然后回车的话，焦点定位是没问题的。 经查，之所以引起这个Bug，实际上是因为页面上只有一个input type="text"，后来google了一下，发现了《在 IE下，页面只有一个text的时候，回车将自动submit...
在IE下，页面只有一个text的时候，回车将自动submit。
swingboat
08-28 193
真是一个很怪的缺省操作啊！  1<html> 2<head> 3<title>test</title> 4<script language="javascript"> 5</script> 6</head> 7<body> 8<form name=&qu
form表单中只有一个input时按回车键将会自动将表单提交
LampJiang' s Blog
07-14 293
出现自动提交的情况，有两种可能： 一是编写了javascript代码，当用户点按Enter键时，通过js事件侦听机制触发表单的提交。 二是利用了浏览器的默认行为（至少发现ie是这样的）。浏览器在解析网页的时候，有许多默认的行为，例如如果一个页面上有表单和一个提交按钮，那么打开页面时，焦点会自动落在这个提交按钮上面。同样如果一个表单中只有一个单行文本输入域（text），那么在这个输入域中按Ent...
text文本框 按回车键不触发submit事件的问题(IE)
11-10 510
IE： 1. 只有一个text框时，（不管有没有submit），直接触发onsubmit (form标签的一事件属性)2. 有多个text框时，触发submit上的onclick，其默认行为为触发onsubmit。 相对来说，ff的行为最复杂。 1. 有submit或button时，触发submit或button的onclick，然后该onclick的默认行为会触发...
input type =text，按回车键自动提交
mai_doudou的博客
03-31 689
回车键生效： 如果表单里有一个type=”submit”的按钮，回车键生效。   如果表单里只有一个type=”text”的input，不管按钮是什么type，回车键生效。   如果按钮不是用input，而是用button，并且没有加type，IE下默认为type=button，FX默认为type=submit。 回车键无效： 1.添加一个不显示输入框 2.添加一个onkey
Submit浏览器默认回车触发提交
qq_30484995的博客
09-14 1044
edge浏览器submit默认提交
layui按下回车键提交表单
qq_40787608的博客
04-08 4348
layui默认的提交表单的方式submit(filter) layui.use(['form'],function () { var form = layui.form; form.on('submit(login)',function (data) { ajaxPost('/a/login',data.field,'/a/index') }) }) layui提供的提交表单方式需要我们点击button才能提交表单，有时候我们
HTML页面input回车自动提交表单问题
qq_42873640的博客
09-03 925
在HTML页里面由于使用了form，常常需要禁用enter提交表单。因为内容页或者母版页自身有如果有type="submit"的button,当textbox聚焦时，按下enter都会触发表单的默认提交（不论是IE还是firefox），于是需要在onkeydown中监听用户的按键。实际测试，IE8中导致表单提交的不确定因素太多，点击表单的table中的td都会触发表单提交，而firefox则不会；于是在ie和ff中禁用表单提交需要不同的思路。 对于IE: 只有当事件源是TEXTAREA时才return tr
php 回车自动登录,Form表单按回车自动提交表单的实现方法
weixin_28982257的博客
03-17 222
1.form表单中只有一个input标签,按回车键将自动提交表单当form表单中只有一个时按回车键将会自动将表单提交。如果不想让其自动提交可以这样做:再添加一个按下回车将不会自动提交，但是页面上显示一个不知所云的输入框挺别扭，后从网上搜到两个解决办法：(1) 添加一个不显示输入框，然后回车之后也不会提交：(2) 添加一个onkeydown事件，然后回车之后也不会显示：ps: 我对于这个 event...
页面只有一个text的时候，回车自动submit的解决方法
09-05
总结来说，解决“页面只有一个text时，回车自动submit”的问题，可以尝试通过监听键盘事件、阻止默认事件或添加隐藏文本输入框的方式实现。在实际开发中，应根据浏览器兼容性和项目需求选择最合适的方案。
网页中表单按回车就自动提交的问题的解决方案
09-04
在网页设计中，表单是用户与服务器交互的重要组成部分，其中的一个常见问题是在表单内按下回车键会自动触发表单的提交。这在某些情况下可能会带来不便，例如用户可能意外地提前提交了未完成的表单。本文将详细讨论这...
Form表单按回车自动提交表单的实现方法
09-01
首先，当一个`<form>`表单中只有一个`<input type="text">`标签时，按下回车键会自动触发表单的提交。这是因为浏览器的默认行为，它将回车键视为提交表单的信号。如果不想让表单在按回车时自动提交，可以采取以下两...
Vue 通用复选框组互斥 Hooks：兼容 Element Plus + Ant Design Vue
a3212768093的博客
12-02 572
本文介绍了一个通用的Vue Hooks useExclusiveCheckbox，用于实现复选框组的互斥选择功能。该Hooks兼容ElementPlus和AntDesignVue两大UI库，主要特点包括：跨UI库兼容、轻量无依赖、灵活配置互斥选项值、全场景适配和类型安全。核心逻辑通过对比新旧选中值数组，自动处理互斥选项与其他选项的切换关系。文章提供了完整代码和使用示例，分别演示了在ElementPlus和AntDesignVue中的实现方式，并解答了常见问题。该方案可显著提升开发效率，适用于各类需要互斥选择
Jeecg AI应用开发平台v1.0.0首版发布，快速搭建AI知识库或AI聊天助手
JEECG官方博客
12-04 764
Jeecg-AI是一款基于大型语言模型和RAG技术的全栈式AI开发平台，支持快速构建和部署个性化AI应用。该平台提供AI知识库管理、流程编排、模型配置、向量库对接等功能，支持ChatGPT、DeepSeek等多种大模型，并可与业务系统深度集成。采用Vue3+Spring Boot技术栈，具备智能问答、文档处理、API生成等能力，相比Dify平台更注重低代码与业务集成。开发者可通过Docker一键部署或源码构建，实现智能应用的快速开发。
推荐 | JoyAgent-JDGenie：开箱即用的端到端多智能体产品
最新发布
lpfasd123的博客
12-05 86
如果你在寻找一款真正可落地的多智能体产品，用来“搜索-分析-生成报告”、“数据问答与诊断”、“代码解释与图表生成”，同时希望易部署、易扩展、易二次开发——JoyAgent-JDGenie 是非常值得试用与推荐的选择。只需填好少量配置，即可获得端到端的流式体验与交付能力。
vue实现页面不断插入内容并且自动滚动功能
weixin_50606255的博客
12-04 192
我们在看视频时经常会看到黑客入侵别人电脑会在屏幕上显示一串代码，并且代码不断插入自动滚动，看起来很厉害的样子，现在就在此纪录实现此功能：
网络安全漏洞之React 框架分析
anquan2233的博客
12-04 891
昨日爆出的 CVE-2025-55182，CVSS 10.0 满分严重漏洞，影响 React 19 及所有 Next.js 15/16 项目。核心问题是 React Server Components 的 Flight 协议存在不安全反序列化，无需任何认证，攻击者只需向 Server Actions 端点发送一个精心构造的 multipart 请求，即可实现远程代码执行（RCE）。目前已确认多个完整 0day 利用链（包括 vm.runInThisContext 在内），未修补实例基本等于已失陷。
ruoyi集成camunda实现bpmn在线设计器
xrl2012的专栏
12-03 974
摘要： 本文介绍了如何在RuoYi-Vue2前端集成Camunda BPMN在线设计器，实现流程建模功能。通过npm安装bpmn-js等依赖包，配置vue.config.js解决转译和别名问题，并提供了测试页面代码示例。页面包含导入/导出XML/SVG、流程检查、部署等功能，支持BPMN流程设计器的初始化和基本操作。环境要求包括JDK 1.8+、MySQL 5.7+、Node 23+等。完整方案可参考若依工作流。
Next.js 零基础开发博客后台管理系统教程（一）：环境搭建与项目初始化
祈澈菇凉
12-02 605
✅ 确定了使用 Next.js 的理由。✅ 检查并准备了开发环境。✅ 初始化了一个基于 App Router 和 TypeScript 的 Next.js 项目。✅ 初步了解了项目结构并成功运行了应用。在下一篇教程中，我们将开始构建后台管理界面的基础布局，并集成一个常用的 UI 组件库（例如 Ant Design 或继续使用 Tailwind CSS），为我们的管理系统打造一个漂亮、实用的侧边栏和顶部导航栏。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值