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代码
- 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