一句話概括主題:button>
具有input type="button" ... >
相同的作用但是在可操控性方面更加強(qiáng)大。
HTML 4.01規(guī)范的Forms部分指名表單有以下幾種控制類(lèi)型:buttons, checkboxes, radio buttons, menus, text input, file select, hidden controls, object controls. 其中除了buttons/menus/object controls之外,都是由input>
完成。
我這里說(shuō)的是button>
和input>
。
button>
和input>
規(guī)范中指名:可以用button>
和input>
來(lái)做表單按扭。不同的按鈕類(lèi)型請(qǐng)參考這些元素的詳細(xì)定義。要注意的是button>
比input>
支持更豐富的表現(xiàn)功能。
一些區(qū)別
大家都知道input>
可以這樣用(實(shí)際上是一定要這樣用):input type="submit" value="OK" />
,一定要這樣閉合。而不是:input type="submit" value="OK" >/input>
。因?yàn)槠鹗紭?biāo)簽為必須,而關(guān)閉標(biāo)簽是禁止的。
button>
比input>
更厲害的地方就在于它可以包含內(nèi)容。它的值并不是寫(xiě)在value
屬性里,而是包含在標(biāo)簽中。如:button>OK/button>
。button>
的起始標(biāo)簽和關(guān)閉標(biāo)簽都是必須的。這樣你便獲得了樣式化的主導(dǎo)權(quán)。
你可以這樣寫(xiě):button>strong>OK/strong>, I do./button>
,甚至是插入圖片:button>img src="button.gif" alt="" />, it's great./button>
。有點(diǎn)類(lèi)似于input type="image">
,但是顯然強(qiáng)大多了。
最后要注意的是,被button>
包含的圖片,不能使用熱點(diǎn)地圖,即不能img src="foo.gif" usemap="..." />
,這是不合法的。當(dāng)然也不能再包含諸如input
, select
, textarea
, label
, button
, form
, fieldset
, iframe
,和isindex
(不推薦使用)元素了。