回车提交表单
发表于|更新于
|浏览量:
却是平流无石处,时时闻说有沉沦。——唐•杜荀鹤
我们在页面开发中经常会写一些表单,但身为一个懒人,肯定是懒得点提交按钮的,我一般直接按回车提交
当我们的form满足只有一个input的时候,回车事件是生效的
1 | <form> |
当我们的form有多个input的时候,回车事件失效了
1 | <form> |
此时我们可以加一个input,让type=submit
即可再次满足回车提交效果
1 | <form> |
如果要隐藏掉,使用样式display:hide隐藏即可
但有时如果我们如果需要回车不提交表单,则可以避免上述条件
如果想要不执行submit事件,可以直接在form上加一个onsubmit="return false"即可
1 | <form onsubmit="return false"> |
相关推荐
2024-10-27
typescript-exercises(一)
你要克服的是你的虚荣心、炫耀欲,你要对付的是你时刻想要出风头的小聪明。——毛姆 题目: 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104/*Welcome to: ................................................................ . . . #################### #################### E . . ####################...
2025-03-03
vue-loading-overlay
只要有一双真诚的眼睛陪我哭泣,就值得我为生命受苦。——罗曼·罗兰的《欣悦的灵魂》 https://github.com/ankurk91/vue-loading-overlay demo: https://ankurk91.github.io/vue-loading-overlay/ Vue Loading Overlay:简洁高效的加载指示器组件介绍在现代Web应用中,为了提升用户体验,加载指示器是一个必不可少的组件。尤其在处理异步请求或其他耗时操作时,加载指示器可以有效地告知用户当前的状态。Vue Loading Overlay 是一个为 Vue.js 应用提供全屏加载指示器的组件,简洁高效,易于集成和使用。 本文将介绍什么是 Vue Loading Overlay、其主要功能及其使用方法,并展示如何在项目中集成和使用这个组件。 什么是 Vue Loading Overlay?Vue Loading Overlay 是一个 Vue.js 组件,用于在页面加载时显示全屏或局部加载指示器。它可以轻松集成到 Vue.js 项目中,通过简单的配置和调用即可实现加载指示器的显示和隐...
2025-01-14
shenyu的rule表单handler填写问题
你凭什么以为你十年寒窗,抵得过我三代从商。——盛田昭 主要是这个pr: https://github.com/apache/shenyu-dashboard/pull/518 发现原来是JSON.parse的时候,由于handler是undefined导致报错 改为 1JSON.parse(handle ?? "{}"), JSON.parse(handle ?? "{}") 这个表达式涉及到了两部分的知识点:空值合并操作符(??)和JSON.parse()。 空值合并操作符(??): 空值合并操作符(nullish coalescing operator)??用于判断一个值是否为null或undefined,如果是,则返回右边的值。如果左边的值不是null或undefined,则返回左边的值。 在这个表达式中,handle ?? "{}"的作用是:如果handle的值是null或undefined,就返回"{}",否则返回handle的值。 JSON.parse()...
2021-08-06
代码方式引入iconfont图标
只有永远躺在泥坑里的人,才不会再掉进坑里。——黑格尔 前端开发中,经常会遇到需要引用图标的情况 我们可以在iconfont寻找我们需要的图标 https://www.iconfont.cn/ 比如这两个图标,我非常喜欢,我可以使用直接下载的方式引入图标 但这种方式,如果我们需要它改变颜色的话,就需要再次下载,非常麻烦 我们还可以使用代码方式引入,我们首先点击添加进购物车 然后到我们的购物车结算 点击添加至项目 登录账号 然后再次点击添加至项目后会弹出加入项目,我们可以新建一个项目 确定后,我们就可以在这里点击生成代码 然后复制代码 粘贴到项目css中 然后定义使用iconfont的样式 123456.iconfont{ font-family:"iconfont" !important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -m...
2025-06-18
apache-shenyu的mcp-plugin前端优化
求知与求学的欲望应该采用一切可能的方式去在孩子们身上激发起来。——夸美纽斯 pr: [Feat] mcp server by Aias00 · Pull Request #528 · apache/shenyu-dashboard · GitHub 主要是将多余代码移除,然后使用react-json-view组件进行json样式的渲染 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143...
2020-11-23
js打字机动画效果实现
坦白使人心地轻松的妙药。——西塞罗 实现打字机效果 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> ...

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog