一直盼望着这样的标签出现，没想到早就有了

2004-04-22 18:35:39
作者：郑凯

在 Google 的 [url=http://www.blogger.com/]Blogger[/url] 做测试的时候发现的其按钮是我喜欢的那种（带图标），但是实现的方法好像和我的不一样，一看源代码，当即喷血，两个很常见的小玩意终于不用再去找绕弯的方法了。

[center][img][file=36][/img][/center]

首先是按钮，以前我只知道按钮是 <input type="button">，却压根不知道实际还可以是 <button>……而 <input type="reset"> 和 <input type="submit"> 分别由 <button type="reset"> 和 <button type="submit"> 对应。我一直认为这才是最佳方法，却不知道这个标签早已被实现了。而 <button> 里带图标可是在太方便了，button 没有 value 属性，直接套就可以了：<button><img src="图片">文字</button>。要知道，我以前一直是靠给按钮加背景图片来实现的！那种方法不能让图片居中，好像也不能在鼠标按下的时候跟着动。不仅如此，以后给 <button> 加 CSS 也是在是方便很多，我以前只能无奈的在所有 <input type="button" 后面跟上 class="button"

写了这么多年的 HTML，我怎么没早点知道这个标签啊！

另外，图片和中文无法对齐这事一直让我怀恨在心，以前图片和文字放在一行的时候只能是建个 <table> 把两者套起来，类似这样：

[quote]
<table>
<tr>
<td><img src="n.png"></td>
<td>一串文字</td>
</tr>
</table>
[/quote]

现在直接这么一行就可以了：<img src="n.png" align="absmiddle">一串文字

就是这个 align="absmiddle"，把以前搞的很麻烦的问题统统迎刃而解了——我以前一直以为只能有 right left center 三种。一查 [url=http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/align_0.asp]MSDN[/url]，原来这些标签

[quote]
APPLET, EMBED, FIELDSET, IMG, INPUT, INPUT type=image, OBJECT, SELECT
[/quote]

支持更多的选择：absbottom absmiddle baseline texttop。而且是从 IE 4 开始就支持的 -_-

另外说一句，对于 input type="checkbox" 和 input type="checkbox"，我通常要加个 CSS class 定义 height: 14px，这样就能和普通的 12px 文字正好对齐了