写前端页面时,按钮明明是<button>,为什么点击时会提交表单,刷新页面呢?

  相信这个问题很多初学者,甚至开发了几年的人或许也会遇到,一时不得其解,然而问题的解决也出人意料的简单。原因就是你的button按钮是放在form表单里的,而且又没有声明其type=”button”导致的。

  • 从w3c组织的官方文档可以看到关于button按钮的一句话:The missing value default is the Submit Button state,这句话就说明form表单里的button按钮,默认是submit类型的,所以你需要加上type=”button”声明是button类型而不是默认的submit,或者你不把button放在form里也可以。
  • And one more thing,button不放在对应的form表单里,而是放在其外部,也是可以提交指定表单的。<button type="submit" form="form1">提交</button>通过这种方式,也可以控制这个button按钮指定提交id为form1的表单。
  • 4
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值