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"表示这就是一个提交按钮,点击就会立刻提交表单。