回车提交表单

2022-08-17 19:49:18 浏览数 (2)

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

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

当我们的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>

0 人点赞