<button>标签的一些细节 (兼冷知识开篇)

从今天开始,建立一个标签

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

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


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

safari 3 的一个bug : 关于select的 (我怀疑这个bug我是全球首发)
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代码

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

诡异吧. 太诡异了. 我比较能接受的是 ff2下的处理方法.
safari的做法实在是 ... 难道这事又一个safari的bug ???

小胖真是WEB开发狂人，学习了，感觉你从上学开始就有这股较真的劲，期待继续。

关于button，确实是Safari的bug，而且1个月前已经修复：

http://trac.webkit.org/projects/webkit/changeset/30095

BTW，IE在button上的表现是错误的。HTML4规范明确说button type的默认值是submit。

hax 以后我就拜你为师了 呵呵 谢谢
你说啥问题总是能找到各种依据 给出各种资料 放出各种网址

我对你常去的技术网站非常感兴趣 有机会共享一下你常去的技术网站网址呗
谢谢了

另外: 新版本的 safari哪里下载??? 官网上没有

你还是拜google为师的好啊！

没有新版本safari啊。有新的，它自己会update的。

如果你要最新源代码，那要自己到webkit.org去取下trunk来自己编译。这事儿我倒是也干不来啊。我很弱，只会用别人打包好的，或者最多只会下tag.gz包然后./configure然后make然后make install，其他一概不会。。。。

那就拜hax为大师兄吧
不过，真的想请hax介绍下有什么常去的网站

我常去javaeye。

还有google。



还有csdn（不准鄙视我）。

CSDN我也是常去的 每天都去看一眼
主要是看首页 上的一些东西 ,
CSDN首页上的垃圾数据和有用信息的比例还是在我能容忍的范围内的 呵呵

不过常常被"标题党"忽悠