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

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

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

1
2
3
<form>
<input/>
</form>

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

1
2
3
4
<form>
<input/>
<input/>
</form>

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

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

1
2
3
4
5
<form>
<input/>
<input/>
<input type="submit"/>
</form>

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

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

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

1
2
3
4
5
<form onsubmit="return false">
<input/>
<input/>
<input type="submit"/>
</form>