回车提交表单
发表于|更新于
|浏览量:
却是平流无石处,时时闻说有沉沦。——唐•杜荀鹤
我们在页面开发中经常会写一些表单,但身为一个懒人,肯定是懒得点提交按钮的,我一般直接按回车提交
当我们的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"> |
相关推荐
2023-07-24
psd的js脚本
我们可以随自己的高兴来认识这个世界,然而世界总少不了光明面和阴暗面。——歌德 今天研究了下psd的脚本 Photoshop 中的脚本 https://github.com/Adobe-CEP/CEP-Resources/tree/master/Documentation/Product%20specific%20Documentation/Photoshop%20Scripting 然后下载了脚本监视器插件,可以让我们在使用psd时生成对应的脚本 Downloadable plug-ins and content in Photoshop 然后解压,复制Scripting Utilties 粘贴到PS的路径下面的Plug-ins下面 重启ps即可,之后执行操作则会在桌面生成脚本文件 脚本内容: 1234567891011121314151617181920212223242526272829303132333435363738394041// Copyright 2002-2007. Adobe Systems, Incorporated. All right...
2024-10-14
Apache-ShenYu动态扩缩容前端对接
能够隐藏自己的才能是一种很大的才能。——罗休夫柯 pr链接: https://github.com/apache/shenyu-dashboard/pull/489 see gif: 后端也包含了一个提交sql和优化代码的pr: [type:improve] Add dynamically scale admin page by VampireAchao · Pull Request #5706 · apache/shenyu · GitHub 菜单的: 12345INSERT INTO `resource` VALUES ('1844015648095666176', '1346776175553376256', 'SHENYU.MENU.SYSTEM.MANAGMENT.SCALE', '', '/system/scale', '', 1, 4, 'sliders', 0, 0, '', 1, ...
2025-02-11
expo
谁终将声震人间,必长久深自缄默;谁终将点燃闪电,必长久如云漂泊。——尼采 https://docs.expo.dev/https://github.com/expo/expo Expo 是一个开源平台,旨在帮助开发者构建可以在 Android、iOS 和 Web 上运行的通用原生应用。通过结合使用 React 和 JavaScript,开发者可以在一个统一的环境中构建跨平台的应用,而不需要切换不同的技术栈。Expo 的核心优势之一就是它提供了一个完整的 SDK、模块 API、CLI 工具以及丰富的文档,极大简化了跨平台开发过程。 Expo 不仅支持快速开发,还通过其独特的功能和服务帮助开发者将应用构建、发布和迭代过程变得更加高效。例如,Expo 应用服务 (EAS) 提供了一套集成的服务平台,能够帮助开发者在个人或团队环境中更轻松地管理和发布应用。 Expo 生态Expo 提供了一个强大的生态系统,包括多个模块和工具,使得从开发到部署的每一步都能得到充分的支持。除了基础的功能开发之外,Expo 还包含了与 EAS 深度集成的服务,帮助用户自动化构建、分发和发布应用。这意味着你...
2021-11-15
程序化的事件侦听器
吾心信其可行,则移山填海之难,终有成功之日。——孙中山 vue官方文档——程序化的事件侦听器 vue官方文档——实例方法/事件 我们可以使用this.$on在vue中侦听一个事件 123vm.$on('test', function (msg) { console.log(msg)}) 然后我们可以在其他地方访问它 12vm.$emit('test', 'hi')// => "hi" 例如这里,我在一个页面中使用vm.$on 而在另一处中使用vm.$emit 可以看到成功调用test事件 基于这一点,我们可以在uniapp中进行页面间的通信 uniapp官方文档 也就是说,在其中一个页面中我们使用uni.$on或者uni.$once,在另一个页面中就可以使用uni.$emit进行调用,前提是uni,$on或者uni.$once必须触发成功 uni.$once触发后就会立马移除该监听器,也就是说只能触发一次 而uni.$on就只能使用uni.$off进行...
2021-10-06
uniCloud查询数据库
江流宛转绕芳甸,月照花林皆似霰。——张若虚 首先先右键项目中的database目录,没有的话自己手动创建一个,选择新建DB Schema 输入表名,点击创建 将read改为true 点击上传DB Schema 点击是 我们刷新云控制台可以看到成功上传 我们添加两条记录 1234{ "name": "ruben", "phone": "13888888888"} 点击确定 新建一个list页面 写入代码: 12345678910111213141516171819<template> <view> <unicloud-db v-slot:default="{ data, loading, error, options }" collection="contacts"> <view v-if="error">...
2024-06-25
popper.js定位提示和泡泡弹框
烈火试真金,逆境试强者。——塞内加 https://popper.js.org/docs/v2/ 分享一个定位工具提示和弹出窗口的库 例如 123456789101112131415161718192021222324252627<!DOCTYPE html><title>Popper example</title><style> #tooltip { background-color: #333; color: white; padding: 5px 10px; border-radius: 4px; font-size: 13px; }</style><button id="button" aria-describedby="tooltip">I'm a button</button><div id="tooltip" role="tooltip&qu...

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