前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >回车提交表单

回车提交表单

作者头像
阿超
发布2022-08-17 19:49:18
4K0
发布2022-08-17 19:49:18
举报
文章被收录于专栏:快乐阿超快乐阿超

却是平流无石处,时时闻说有沉沦。——唐•杜荀鹤

我们在页面开发中经常会写一些表单,但身为一个懒人,肯定是懒得点提交按钮的,我一般直接按回车提交

当我们的form满足只有一个input的时候,回车事件是生效的

代码语言:javascript
复制
<form>
	<input/>
</form>

当我们的form有多个input的时候,回车事件失效了

代码语言:javascript
复制
<form>
	<input/>
	<input/>
</form>

此时我们可以加一个input,让type=submit

即可再次满足回车提交效果

代码语言:javascript
复制
<form>
	<input/>
	<input/>
	<input type="submit"/>
</form>

如果要隐藏掉,使用样式display:hide隐藏即可

但有时如果我们如果需要回车不提交表单,则可以避免上述条件

如果想要不执行submit事件,可以直接在form上加一个onsubmit="return false"即可

代码语言:javascript
复制
<form onsubmit="return false">
	<input/>
	<input/>
	<input type="submit"/>
</form>
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2021-08-18,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档