大城小胖的大城

web开发冷知识大汇总(持续更新: 3月8日 ... | safari 3 的一个bug : 关于select的 (我怀 ...

2008-03-05

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

关键字: 冷知识

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

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

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

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

safari 3 的一个bug : 关于select的 (我怀疑这个bug我是全球首发)
http://fins.javaeye.com/blog/167978

firefox 2 的一个bug (更新) :关于页面元素位置信息
http://fins.javaeye.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 ???

00:52
浏览 (1153)
评论 (7)
分类: js & ajax
进入论坛
发布在 GT-Grid 圈子
相关推荐

你还是拜google为师的好啊！

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

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

那就拜hax为大师兄吧

不过，真的想请hax介绍下有什么常去的网站

hax 2008-03-05

你还是拜google为师的好啊！

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

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

fins 2008-03-05

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

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

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

hax 2008-03-05

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

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

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

差沙 2008-03-05

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