使用button元素自定义别具风格的按钮 - 达人(咖啡虫)

2005/04/10 | 使用button元素自定义别具风格的按钮
类别(Dreamweaver) | 评论(0) | 阅读(80) | 发表于 22:22: 我们都知道在Web里面定义一个按钮，最常用的方法就是使用INPUT元素的type='button'。但在HTML spec 4.0里，增加了一个BUTTON元素，并且IE4.0就已经开始支持<BUTTON>了。顾名思义，它也是用来定义一个Web页按钮的，可是它却和<input type='...'>大不相同。

BUTTON元素和INPUT元素最大区别是，BUTTON是一个容器(container)类型元素，它可以在内部包含合法的html代码，通过IE5.5提供的canHaveChildren和canHaveHTML属性，我们可以看到这两个属性都为true。而INPUT元素不能在包含子元素和html代码，其canHaveChildren和canHaveHTML属性均为false。

这样一来我们要制作带图片的按钮就变得非常的容易了，例如： <button><img align='absmiddle' src='/Emoticons/emnote.gif'>Sing Song</button>

带Mnemonic的Web页按钮： <button accessKey="B"><u>B</u>otton</button> Botton ，当然这个不能自动执行，只能用Alt+B来focus它，要响应需要自己用javascript来控制。

不过BUTTON元素不能在内嵌BUTTON元素，比如下例： <button>
Outer Button
<button>
Inner Button
</button>
</button>

原文地址：http://www.cnblogs.com/birdshome/archive/2005/01/22/95818.html; 0