当表单中中只有一个文本框类型的的input

最新推荐文章于 2023-06-08 08:32:08 发布
最新推荐文章于 2023-06-08 08:32:08 发布
阅读量1.3k 收藏
点赞数
分类专栏： Web前端-javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jocelyn_vampire/article/details/52043922
版权

如果表单中含有一个单行文本输入域，那么无论含有多少其他类型的表单组件，那么在该输入域中点击Enter时，表单会自动提交。

并且在文本框中添加的keyup事件在回车事件发生时并不会被触发。

下面有让事件触发的两种解决方法，

1、在文中加入style="display:none"的type 为 text 的 input

2、如果不想添加元素，则把keyup事件改为keypress事件。并在里面阻止默认行为，比如e.preventDefault.

jocelyn_vampire
关注
专栏目录
如何防止表单只有单个Input输入框时按下回车整个页面被刷新
03-24 706
如何防止表单只有单个Input输入框时，按下回车，整个页面被刷新 遵循w3c标准 使用submit去提交了整个表单,只要禁止这个默认行为,自定义提交即可，即在form标签添加属性@submit.native.prevent 问题：当前Form只有一个Input输入框，如下。当输入完条码后，按下回车，整个页面被刷新了，实际上并不希望发生这个情况 实际希望的效果是：不希望整个页面提交。 原因： W3C 标准中有如下规定： When there is only one...
常用JavaScript(js)表单验证CheckList V1.0(beta)
上善若水.class
10-04 4028
        表单的验证一直是网页设计者头痛的问题，表单验证类 Validator就是为解决这个问题而写的，旨在使设计者从纷繁复杂的表单验证中解放出来，把精力集中于网页的设计和功能上的改进上。本人写了一些CheckList 对于一些常用的校验几乎都有,已经写成函数,大家用的时候只要直接调用即可.代码如下：欢迎转载但请保留版权//**************************
form内只有一个输入框时,按回车会自动提交
码疯的专栏
01-26 4268
       昨天碰到一个问题，一个新增页面,本来我的提交按钮是button类型的, 当我输完名称的时候,随手按了个回车,发现表单自动提交了,而其他页面也是这么写的，都没这个问题。这样一来,页面上js的sub()方法里的操作都不起作用。      后来发现这个页面与其他页面唯一的不同是，只有一个名称是输入框,其他的是下拉选择框,问题就是出在这里， 如果form表单内只有一个输入框时,按回车会自
form中只有一个input按回车键表单会自动提交
qq_39640404的博客
01-18 596
form中只有一个input按回车键表单会自动提交     在一个form表单中，若只有一个input，按回车键表单会自动提交，但是当表单中存在多个input时，按回车键不会执行任何操作，这是form表单的一个特性，那么如何防止它的自动提交呢？这里提供四种方法。     第一种方法，把表单去掉，这是最管用，但也是最傻的方法，直接添加onclick事件，不用表单提交，这种方法就不赘述了。   ...
当form表单中只有一个input时按回车键将会自动将表单提交
weixin_34162629的博客
02-21 164
2019独角兽企业重金招聘Python工程师标准>>> ...
当一个 form 元素中只有一个输入框时，在该输入框中按下回车提交表单，并阻止默认的表单提交
weixin_55510188的博客
06-08 428
当一个 form 元素中只有一个输入框时，在该输入框中按下回车，会默认提交该表单，导致刷新整个页面。而需求是不可以刷新页面，而是异步提交表单。监听输入框的回车事件 @keydown.enter.native="shipContainerBill"，自行提交表单。W3C 标准: 当一个 form 元素中只有一个输入框时，在该输入框中按下回车应提交该表单。加上 @submit.native.prevent 阻止form表单默认提交事件。
JavaWeb入门-HTML和CSS3
AyinMars的博客
10-19 416
网页的组成部分 页面一共由三个部分组成，分别是内容（结构）、表现、行为。 内容（结构）是我们在页面中可以看到的数据，我们称之为内容，一般用HTML来实现。 表现，指的是这些内容在页面上的表现形式，比如说：颜色、布局、大小等等，一般用CSS实现。 行为，指的是页面元素中与输入设备交互的响应，一般使用JavaScript实现。 HTML HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTM
运维初步了解HTML
weixin_41560737的博客
08-24 213
HTML超文本标记语言 HTML :网页制作基础 CSS ：层叠样式表，设置样式 bootstrap ：现成的样式 前端：在客户端运行 后端：在服务器运行 静态：图片、HTML、JS 服务器端语言：Python/PHP/java/asp.net 客户端语言：JavaScript ——————————————————————————————————————— HTML 基本语法 网页中的标记也被称作元素 元素，即标记 如 包围的部分就叫做body 元素 标记语法： HTML 用于描述功能的符号称为 “标记
电商后台管理系统——商品管理
weixin_41274200的博客
07-25 8681
电商后台管理系统——商品管理 商品管理模块分为商品分类，分类参数，商品列表三个小模块，商品分类模块实现展示商品分类数据，添加分类功能，编辑删除分类功能；分类参数模块实现根据商品分类展示该分类的静态属性和动态参数，添加动态参数和静态属性功能，并实现删除修改每项属性以及每项属性下的tag内容功能；商品列表模块实现展示商品列表信息以及修改删除商品信息，搜索商品，添加商品功能。 一、商品分类 商品分类实现图 商品分类流程图 创建cate商品组件并设置路由规则——添加cate组件基本布局——请求商品分类数据保存
HTML基础学习
zw11208781的博客
05-19 769
1. HTML简介 1.1. HTML超文本标记语言   HTML能用来做什么 如果你要制作网站的话，学习HTML是不可避免的。HTML是用来制作网站的 HTML是Internet上用于设计网页的主要语言,网页可以由文本,图片,动画等内容组成,基础架构都是HTML. 从事网页制作或者相关工作,就要学习HTML  HTML是“HyperText Mark-up Language（超文本
图文详解 新的input类型和属性
01-08
新的input类型和属性email类型日期时间类型range类型search类型number类型url类型新的input公用属性1．autofocus属性2．pattern属性3．placeholder属性4．required属性 email类型 在HTML5中将一个input元素的类型设置为email时，表明该输入框用于输入电子邮件地址。当页面加载时，该input元素对应文本框与其他类型文本框显示效果相同，但是仅限于输入电子邮件格式的字符串。当表单提交时，将会自动检测输入内容，如果用户输入非电子邮件格式字符串，将给出错误提示。 一段使用email类型的input元素的示例代码如下。
html form表单中只有一个input，按回车会触发刷新页面
PrimaryColor
03-30 228
解决方法，添加onsubmit="return false"： <form id="welcome_msg_list" onsubmit="return false"> <input type="text" /> </form>
form表单 一个input时 回车自动提交
commuli的专栏
01-11 3013
form表单 一个input时 回车自动提交问题描述 form表单中，如果当前表单只有一个input输入框时，单击回车会自动提交当前表单。 解决方案 在当前form表单中添加一个隐藏的input，<input style="display:none" mce_style="display:none"> 快捷键 加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
form 表单只有一个input 时，回车自动提交表单造成页面刷新效果
qq_39706777的博客
02-03 1788
el-form 中仅有一个input，input上设置了回车响应事件，首次按回车键后，页面刷新，再次按回车才执行了响应事件
el-form里只有一个el-input回车刷新页面问题
calm007s的博客
03-15 449
【代码】el-form里只有一个el-input回车刷新页面问题。
html input标签 单行文本框 多行文本框
热门推荐
qq_42265536的博客
12-22 11万+
input type属性 text 单行文本框 passworld 密码文本框 button 按钮 reset 重置按钮 image 图像形式的提交按钮 radio 单选按钮 checkbox 复选框 hidden 隐藏字段 file 文件上传 语法：    &lt;inp...
input框的23种类型
大Z小z的博客
06-25 3万+
input框的23种类型input框的类型到底有多少种呢？零零总总算起来有23种。▍总述常用的并且能为大多数浏览器所识别的类型大概有：text、password、number、button、reset、submit、hidden、radio、checkbox、file、image、color、range、date、month、week、time、datetime-local。另外还有一些类型：te...
form表单中只有一个input时，按回车键后表单自动提交(form表单的一个小坑)
Stamina_Boy的博客
08-05 2665
最近在给公司改项目时发现一个问题，按钮绑定回车事件后按回车表单执行js方法后表单自动提交刷新，先执行了js的方法后自动提交表单，使它相当于没有执行js方法，查阅资料得知在一个form表单中，若只有一个input，按回车键表单会自动提交，但是当表单中存在多个input时，按回车键不会执行任何操作，这是form表单的一个特性。 解决这个问题有四种方法，如下： 第一种方法，把表单去掉，这是最管用，但...
文本框input类型
最新发布
08-09
文本框的输入类型是input类型中的一种。除了"text"类型之外，HTML还提供了其他多种输入类型，如密码、日期、邮箱等，可以根据不同的需求使用不同的类型。 在使用文本框时，可以通过HTML的属性来设置其样式、大小、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值