button标签和input type=button的区别

<button>标签 定义一个按钮。 

在button元素内部，您可以放置内容，比如文本或图像。这是该元素与使用input元素创建的按钮之间的不同之处。 

<button>与</button>标签之间的所有内容都是按钮的内容，其中包括任何可接受的正文内容，比如文本或多媒体内容。

重要事项：如果在HTML表单中使用button元素，不同的浏览器会提交不同的值。Internet Explorer将提交<button>与<button/>之间的文本，而其他浏览器将提交value属性的内容。请在HTML表单中使用input元素来创建按钮。 

在使用<button>标签时很容易想当然的当成<input  type="button">使用，这很容易产生以下几点错误用法： 

1、 通过$('#customBtn').val()获取<button id="customBtn" value="test">按钮</button>value的值 

在IE(IE内核)下这样用到得的是值是“按钮”，而不是“test”，非IE下得到的是“test”。

2、 把<button>标签放到了<form>标签中，你会发现点击这个button变成了提交，相当于<input  type="submit"/>