BUTTON和INPUT的區(qū)別
一句話(huà)概括主題:<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
(不推薦使用)元素了。
相關(guān)文章
css 跨瀏覽器實(shí)現(xiàn)float:center
我們都知道float:left和float:right,但是否想過(guò)float:center呢?居中浮動(dòng)。。。2008-08-08用iframe margin實(shí)現(xiàn)調(diào)用其他網(wǎng)頁(yè)的某一區(qū)域的方法
用iframe margin實(shí)現(xiàn)調(diào)用其他網(wǎng)頁(yè)的某一區(qū)域的方法...2007-12-12Firefox返回時(shí)Iframe的顯示Bug的解決方法
一個(gè)頁(yè)面有4個(gè)Iframe來(lái)顯示flash內(nèi)容,其中第二個(gè)iframe的顯示是用Javascript控制的,只有當(dāng)特定的cookie存在時(shí)才出現(xiàn),否則顯示普通的文本。2008-05-05IE6/IE7/IE8/IE9中tbody的innerHTML不能賦值的完美解決方案
最近發(fā)現(xiàn)各大類(lèi)庫(kù)都能利用xxx.innerHTML=HTML片斷來(lái)生成節(jié)點(diǎn)元素,再把它們插入到目標(biāo)元素的各個(gè)位置上。這東西實(shí)際上就是insertAdjacentHTML,但是IE可惡的innerHTML把這優(yōu)勢(shì)變成劣勢(shì)。2014-06-06