form点击提交和按enter键提交区别

在这里插入图片描述

先看这张图,这是我在做项目时,写的一个订单功能模块,上面是这个模块的搜索栏,这里有多个条件进行动态查询。

细看就发现,这里不止一个提交按钮,共有5个,也就是有5个type=“submit”

举例:
输入想要查询的线路标题、姓名,然后点击查询按钮进行查询,没问题,查询很成功。
如果我们输入想要查询的线路标题、姓名,然后点击电脑的enter键,这时候就出问题了,首先我们点击enter键,就是想要触发查询按钮,进行查询,但是实际上却不是,这是因为,enter键会默认触发第一个submit,也就是昨日这个键,而不是查询这个submit,这点很重要,一定要知道。
如果是单个提交按钮的form表单,就不会有这个问题,现在是多个提交按钮,才会出这个问题。

该怎么解决呢?
第一种方法:把查询按钮放到昨日按钮前面,只要查询按钮是排在第一个,就不会有问题了。
第二种方法:把其他按钮换成a标签提交,只有查询按钮是type=“submit”提交,这样也 可以解决问题。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值