表单中submit和button按钮使用和区别

1.input[type=submit]submit是button的一个特例,也是button的一种,它把提交这个动作集成了。 按回车键即提交表单点击提交按钮后url变为?xxx=提交的内容如果表单在点击提交按钮后需要用JS处理后再提交的话,通常都必须把submit改成button,即取消自动提交的行为,否则,会造成两次提交的结果。对于动态网页来说,也就是对数据库操作两次。或者可以在使用submit时验证加return true 或falsejs中check()函数判断的时候要写 ret
摘要由CSDN通过智能技术生成

1.input[type=submit]

submit是button的一个特例,也是button的一种,它把提交这个动作集成了。

按回车键即提交表单

点击提交按钮后url变为?xxx=提交的内容

如果表单在点击提交按钮后需要用JS处理后再提交的话,通常都必须把submit改成button,即取消自动提交的行为,否则,会造成两次提交的结果。对于动态网页来说,也就是对数据库操作两次。或者可以在使用submit时验证加return true 或false

js中check()函数判断的时候要写 return true 或者 return false

2.input[type=button]

button,响应用户自定义的事件, 如果不指定onclick等事件处理函数,点击这个动作是不做任何事情的。

单纯的按钮功能,提交的是innerTEXT

使用场景:一个页面有多个提交按钮,需要根据用户的操作区确定到底提交到哪个控制器,这种情况下,就需要在JS中判断用户的操作,然后根据操作来给document.form1.action赋值并且document.form1,submit()来提交。

3.button[type=submit] 推荐

button就是一个按钮,不含数据,作用就是用户交互,但它也有type和value属性,type的默认值是submit,所以点击一个button会引起表单提交。
注:如果是IE浏览器,

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值