 ... 作爲 input type="button/submit/reset"的一個代替者,功能更強大, 標籤的語義也更明確 是實際開發中推薦使用的一個html標籤.

n        <button>...</button> 作爲 input type="button/submit/reset"的一個代替者,功能更強大, 標籤的語義也更明確 是實際開發中推薦使用的一個html標籤.
但是關於他有幾個小細節.

首先
1)  <button>...</button> 中間的 ... 支持html代碼 (這個大家都知道吧)
<button>按<strong>鈕</strong>啊</button>

2) <button>...</button> 在不指定 type="..."時,
在IE下是默認代表 input type="button"
其他瀏覽器下代表 input type="submit"
所以爲了更好的跨瀏覽器, 請不要忘記給button標籤指定 type.

3) (此問題不僅僅涉及到button)
<button id="btn1" >...</button> 如果不指定 type. 下面的js代碼

Javascript代碼

1. var t1 document = .getElementById('btn1').type;  
2. var t2 = document.getElementById('btn1').getAttribute('type'); 

var t1 = document.getElementById('btn1').type;

var t2 = document.getElementById('btn1').getAttribute('type');

在ie7下, 均爲 "button"
在opera下, 均爲 "submit"
在ff2下 , t1爲"submit" ,t2爲null
在safari下 t1爲空串  ,t2爲null