form表单中 button 、 input type="button" 、 input type="submit" 的区别

1.< button >与< input type=“button” >其中一个重要的区别就是:

在 button 元素内部,您可以放置内容,比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。
< button > 控件 与 < input type=“button” > 相比,提供了更为强大的功能和更丰富的内容。< button > 与 < /button > 标签之间的所有内容都是按钮的内容,其中包括任何可接受的正文内容,比如文本或多媒体内容。例如,我们可以在按钮中包括一个图像和相关的文本,用它们在按钮中创建一个吸引人的标记图像。

2.在form表单中< button >与< input type=“button” >还有一个区别就是:

form表单中< button >标签就相当于< input type=“submit” >,一点击就会提交表单;而使用< input type=“button” >点击不会提交表单,这样就可以更灵活的使用js处理一些业务。

3.< button >标签type属性也有两种值,type="button"表示这是一个普通按钮,如果在form表单中使用了< button >并定义属性type=“button”,那么点击这个按钮表单也不会提交。另一种type="submit"表示这就是一个提交按钮,点击就会立刻提交表单。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值