<button>标签

关于一些 web开发中 冷门 不常用 不重要 但是却很基础的知识.

基本上 这些知识可以知道也可以不知道, 而且这些知识随着 浏览器版本的演进,随时都有可能发生变化.


其实下面两篇文章也属于 冷知识

safari 3 的一个bug : 关于select的
http://fins.iteye.com/blog/167978

firefox 2 的一个bug (更新) :关于页面元素位置信息
http://fins.iteye.com/blog/167837

好下面言归正传
=================================
<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');

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


Html的button标签和input type="button|submit|reset"起的作用是一样的，button标签在ie6，ie7下默认不写type属性的行为相当于<button type="button" 即不会造成form 提交，而在ie8和firefox下不写type默认相当于<button type="submit" 即会提交表单。


reference:
http://www.dudo.org/article/CSSJS/192.htm