button和input type=“button”的区别

1.button内部可放置图片和文本，input只可以写文本。
2.input 需要规定type的属性，ie默认为button  其他浏览器默认为submit。

3.ie提交的是<button> 与</button>之间的文本，其他浏览器提交的是value属性的内容。所以一般情况下用input创建按钮

4.

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

     在IE(IE内核)下这样用到得的是值是“按钮”，而不是“test”，非IE下得到的是“test”。 参加上面标红的第一句话。

　　这一点要和<input type="button">区分开。                         

     通过这两种方式$('#customBtn').val()，$('#customBtn').attr('value')在不同浏览器的获得值，如下： 

Browser/Value	$('#customBtn').val()	$('#customBtn').attr('value')
Firefox13.0	test	test
Chrome15.0	test	test
Opera11.61	test	test
Safari5.1.4	test	test
IE9.0	按钮	按钮

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